jquery

入口函数

第一种

$(document).ready(function(){

})

第二种

$().ready(function(){

})

第三种

$(function(){

})

js与jq入口函数的区别

js的入口函数要等到页面所有的资源加载完成才开始执行

jq的入口函数只会等待文档树加载完成就开始执行，并不会等待图片，文件的加载

dom对象 转换 jq对象

只需要用$()包裹

var div1= document.getElementBiId("one");

var $div1= $(div1);

jq对象 转换 dom对象

第一种 数组[0]

var $divs= $(div1);

var div1= $divs[0];

第二种 .get(0)

var div2=$divs.get(0);

什么是jQuery 选择器

jQuery 选择器是jQuery 为我们提供的一组方法，让我们更加方便的获取到页面中的元素。注意: jQuery 选择器返回的是 jQuery 对象。iQuery 选择器有很多，基本兼容了 CSS 到CSS3 所有的选择器，并且jQuery 还添加了很多更加复杂的选择器。iQuery 选择器虽然很多，但是选择器之间可以相互替代，就是说获取一个元素，你会有很多种方法获取到。所以我们平时真正能用到的只是少数的最常用的选择器。

基本选择器

ID 选择器 $("#id") 获取指定 ID 的元素

类选择器 $(".class") 获取同一类 class 的元素。

标签选择器 $("div”) 获取同一类标签的所有元素。

并集选择器 $("div,p,li') 使用逗号分隔，只要符合条件之一就可。

交集选择器 $(“div.redClass") 获取 class 为 redClass 的 div 元素

层次选择器

子代选择器 $(“ul>li'); 使用 >号，获取儿子层级的元素。注意，并不会获取孙子层级的元素

后代选择器 $("ul li): 使用空格，代表后代选择器，获取 ul 下的所有i 元素，包括孙子元素

基本属性选择器

[attribute] $(input[checked]).attr(checked',false)匹配包含给定属性的元素。常用于单选或复选的 checked.

[attribute=value] $(input[name="username”]).val() 匹配给定的属性是某个特定值的元素。常用于选择指定的input 标签。

[attribute!=value] $('div[name!="box].html() 匹配给定的属性是不包含某个特定值的元素

[attribute^=value] $('div[class^="b"]).css("background","red")匹配给定的属性是以某些值开始的元素

[attribute=value] $('div[class="b"T).css("background","red")匹配给定的属性是以包含某些值的元素

操作标签的属性

标签属性方法 attr(name) / attr(name, value) 读/写非布尔值的标签属性。

标签属性方法 prop(name)/ prop(name, value) 读/写布尔值的标签属性。

删除属性方法 removeAttr(name)removeProp(name) 删除指定名字的属性。