JQuery基础--方法

$().css()

设置或返回被选元素的一个或多个样式属性

1、如果只有一个参数attr，那么就返回该元素中attr的属性值。$().css("border") 获取border属性值，如果有多个值，如1px solid red，返回的就是1px solid rgb(255, 0, 0)。即可以返回符合属性的所有值。

2、如果有两个参数，或者是一个json格式的对象，就会设置元素属性。$().css({"color":"red"})   == $().css("color","red")将元素的color属性设置为red。

     注意设置属性的时候，采用的是先清除，后添加，即将以前该属性的所有值都删除，再重新赋值，比如border:1px solid，进行$().css({"border":"red"})之后变成了 border:red

 

$().addClass("class1 class2")

为选定的元素添加类名，如果有多个类名，使用空格分开，注意这里的添加类名，是追加，并不会删除该元素已有的类。

 

$().removeClass("class1 class2")

删除选定元素中指定的类名，删除多个类时，使用空格分隔。

 

$().toggleClass("class1 class2")

如果选定的元素没有某各类，就为其加上该类；如果该元素有该类，则删除该类。

 

$().next()

返回被选中元素的后面一个与其同级的元素，注意只选中一个，而且是与其同级的，后面紧跟着的那个元素。

同级是指拥有一个同一个父元素

 

$().nextAll()

返回被选中元素之后的所有同级元素，同级是指拥有一个同一个父元素

返回的是一个jquery对象集合

 

$().prev()

返回被选中元素之前的一个元素。同级是指拥有一个同一个父元素

 

$().prevAll()

返回被选中元素之前的所有同级元素，同级是指拥有一个同一个父元素

返回的是一个jquery对象集合

 

$().val()

如果不传参数，就是获取元素的value属性值

如果传参数，就会将参数设置为value属性的值。

 

$().data()

有两种使用方法：

1、$().data("name","abc") == $().data({"name":"abc"}) 为选定的元素，其实这里转化为了jquery的对象，为该对象添加一个属性name，值为abc。该属性不会出现在DOM节点上。

推荐使用json格式参数来添加属性，比较方便，可以一次性添加多个属性。

2、$().data("name") 获取使用data()设置的name属性值。

 

$().html()

如果不传参数，就是获取元素的内容，即innerHTML

如果传递参数，那么该参数就会设置为该元素的innerHTML

 

$().text()

有两种用法，

1、传递参数，就将传递的参数设置为所选元素的内容（innerHTML)　　

2、不传递参数，则返回被选元素以及被选元素的子元素的文本内容（注意不是innerHTML)

 

$().html() 和 $().text的辨析，只在读取的时候有区别，设置的时候无区别。

在读取的时候：

1、$().html()返回的是：包含在被选元素的标签内的所有内容。

2、$().text()返回的是：包含被选元素的文本内容，以及被选元素的后代中的文本内容。

当被选元素内部没有标签的时候，$().html()和$().text()返回是一样的。

 

$().children([selector])

如果不传递参数，则返回被选定元素的所有子元素集合。

如果传递一个选择器，就在被选定元素的子元素中查找满足该选择器的元素。注意只是范围是子元素，直接子元素，不包含子元素的子元素。

 

$().find(selector) 

在被选定的所有后代元素中（包括子元素以及子元素的子元素），选择所有的selector元素，selector可以是多种选择器。

返回的是一个jquery对象集合。

要选定所有元素，可以使用$().find("*")

 

$().parent()

返回被选定节点的父节点，返回类型为jquery对象。

 

$().parents()

返回被选定节点的所有祖先元素，

注意，所有祖先节点的意思是：从树根到被选定节点的路径上的节点，不包含父节点的兄弟节点，以此类推。

 

$().siblings([selector]) 

不传递参数的话，默认返回被选定元素的所有同级元素，注意只是同级元素，不会返回同级元素的子元素。

传递参数选择器的话，就从被选定元素的所用同级元素中选择符合参数选择器的元素。

 

$().slice()

 

$().each(function(index,element){  #code  } )

为每个匹配的元素指定一个定义的函数。

 

$().is()

判断选择的元素是否满足is()中的条件，返回true和false。

比如：

$().parent().is("div")，判断选定的元素的父元素是不是div元素节点

$("input[type=radio]").first().is(":checked")   判断单选按钮是否被选中

 

 

 

updating