首页 > 代码库 > jquery属性和筛选

jquery属性和筛选

1,attr(name|properties|key,value|fn)

三种用法

$("img").attr("src","test.jpg"); 为所有图像设置src属性。

$("img").attr({ src: "test.jpg", alt: "Test Image" }); 为所有图像设置src和alt属性。

$("img").attr("title", function() { return this.src }); 把src属性的值设置为title属性的值。

2,removeAttr(name)

$("img").removeAttr("src"); 从每一个匹配的元素中删除一个属性

3,prop(name|properties|key,value|fn)

$("input[type=‘checkbox‘]").prop("checked");判断复选框是否为选中状态  返回真或假

$("input[type=‘checkbox‘]").prop({  disabled: true});       禁用匹配的所有复选框

4,removeProp(name) 删除属性

$para.removeProp("title");

5, addClass(class|fn)

$("p").addClass("selected"); 为元素添加指定的样式名$("p").addClass("selected1 selected2"); 一个或多个要添加到元素中的CSS类名,请用空格分开

6,removeClass([class|fn])

$("p").removeClass(); 删除匹配元素的所有类

7,toggleClass(class|fn[,sw])

$("p").toggleClass("selected"); 如果存在(不存在)就删除(添加)一个类。

8,  html([val|fn])

$("p").html("Hello <b>world</b>!"); 设置所有 p 元素的内容

9,text([val|fn]) 用于设置元素内容的文本

$("p").text("Hello world!"); 设置所有 p 元素的文本内容

10, val([val|fn|arr])

$("input").val("hello world!"); 设定文本框的值

11,eq(index|-index) 一个整数,指示元素基于0的位置,这个元素的位置是从0算起。

$("p").eq(1) 获取匹配的第二个元素

12, first() 获取第一个元素

13, last() 获取最后个元素

14, hasClass(class)

检查当前的元素是否含有某个特定的类,如果有,则返回true。

这其实就是 is("." + class)。

15,filter(expr|obj|ele|fn)

筛选出与指定表达式匹配的元素集合。

这个方法用于缩小匹配的范围。用逗号分隔多个表达式

16,is(expr|obj|ele|fn)根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。

$("input[type=‘checkbox‘]").parent().is("form") 由于input元素的父元素是一个表单元素,所以返回true

17,map(callback) 将一组元素转换成其他数组(不论是否是元素数组)

18,has(expr|ele) 保留包含特定后代的元素,去掉那些不含有指定后代的元素。

$(‘li‘).has(‘ul‘).css(‘background-color‘, ‘red‘);给含有ul的li加上背景色

<ul>  <li>list item 1</li>  <li>list item 2    <ul>      <li>list item 2-a</li>      <li>list item 2-b</li>    </ul>  </li>  <li>list item 3</li>  <li>list item 4</li></ul>

 

19,not(expr|ele|fn) 删除与指定表达式匹配的元素

$("p").not( $("#selected")[0] ) 从p元素中删除带有 select 的ID的元素

20, slice(start, [end])

选取一个匹配的子集

与原来的slice方法类似

$("p").slice(0, 1).wrapInner("<b></b>");

21,children([expr]) 取得一个包含匹配的元素集合中每一个元素的所有子元素的元素集合

$("div").children() 查找DIV中的每个子元素。

22,closest(expr|object|element)

$("li:first").closest(["ul", "body"]);

展示如何使用clostest查找多个元素

23,find(expr|obj|ele)搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。

<p><span>Hello</span>, how are you?</p> 
$("p").find("span")从所有的段落开始,进一步搜索下面的span元素。与$("p span")相同
[ <span>Hello</span> ]

 

jquery属性和筛选