jQuery简介

作者: whatcanhumando | 来源:发表于2016-09-02 09:44 被阅读31次

helloworld

$(document).ready(function(){
  alert("Hello World");
});

在jQuery中$就是jQuery的一个简写形式,二者是可以通用的。上面这段代码会在页面加载完成的时候运行。类似于传统js中的window.onload方式,不过还是有一些区别:

  1. 传统方法必须等待网页内容全部加载完成后才能执行;jQuery方法在上dom结构绘制完毕后运行的。
  2. 传统方法如果写多个的不能全部执行,只会执行最后一个;jQuery方法写多个可以全部执行。
  3. 传统方法无简写形式;jQuery方可以简写为 $(function(){});

jQuery和dom对象

jQuery对象就是通过jQuery包装dom对象之后的产生的对象。而dom对象是通过js原生的dom函数获取,比如document.getElementById、document.getElementsByName获取。

jQuery对象和DOM对象可以互相转换。

var $cr = $("#cr");//jQuery对象    
var cr = $cr[0];//DOM对象
var cr = $cr.get(0);//DOM对象

jQuery可以用[index]或者get(index)方法获得dom对象。

var cr = document.getElementById("cr");//DOM对象
var $cr = $(cr);//jQuery对象

dom对象可以直接通过$()操作包装成jQuery对象。

相关文章

  • jQuery第一天笔记

    JQuery简介 JQuery常用方法 JQuery中的插件 JQuery简介 JQuery 的发展历史http:...

  • jQuery

    jQuery简介 what is jQuery jQuery is a fast, small, and feat...

  • jQuery - jQuery 简介

    本文目录如下: 什么是 jQuery; 文档就绪函数; 基本语法; 命名冲突问题。 什么是 jQuery? jQu...

  • 01. jQuery 基础

    jQuery简介 jQuery是一个JavaScript库; jQuery下载地址http://jquery.co...

  • jQuery学习总结(一)

    一、jQuery核心 jQuery简介 "$"符号在 jQuery 中代表对 jQuery 对象的引用, "jQu...

  • 前端知识5-jQuery

    一. jQuery简介 1.1 jQuery官网 jQuery官网:jquery官网地址:https://jque...

  • 2016-08-16 jQuery Mobile

    jQuery Mobile 简介 jQuery Msobile 都能做什么 jQuery Mobile 基本页面结...

  • JQuery总结

    JQuery简介 jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScrip...

  • JQuery基础

    JQuery基础 第一章:JQuery简介 1.简介 通过$('#m')方法会得到一个$p的jQuery对象,$p...

  • jQuery简介

    今天还是日常有一些昨天遗留的问题: 1.document.querySlector() 弹出[object HTM...

网友评论

    本文标题:jQuery简介

    本文链接:https://www.haomeiwen.com/subject/dpfhettx.html