您的位置:首页 > Web前端 > JQuery

JQuery帮助文档整理

2012-04-12 17:06 309 查看
JQuery选择器:
1、$("div > p"); 找到所有 p 元素,并且这些元素都必须是 div 元素的子元素;
2、$("input:button");找到所有按钮;
3、$('<div></div>').html(a);创建DIV并填充内容(a为要添加的内容);
4、$("<div>", {
"class": "test",
text: "Click me!",
click: function(){
$(this).toggleClass("test");
}
}).appendTo("body");动态创建一个 div 元素(以及其中的所有内容),并将它追加到 body 元素中;
5、$("img").each(function(i){
this.src = "test" + i + ".jpg";
});选择所有的IMG标记,并改变图片;
6、$("div,span,p.myClass")找到匹配任意一个类的元素;
7、$("form > input");匹配表单中所有的子级input元素。
8、$("label + input");匹配所有跟在 label 后面的 input 元素;
9、$("form ~ input");找到所有与表单同辈的 input 元素;
10、$('li').first();获取匹配的第一个元素;
11、$('li').last();
12、$("input:not(:checked)")查找所有未选中的 input 元素;
13、$("tr:even")匹配所有索引值为偶数的元素,从 0 开始计数;
14、$("tr:odd")查找表格的2、4、6行(即索引值1、3、5...)
15、$("tr:eq(1)");匹配一个给定索引值的元素
16、$("tr:gt(0)")匹配所有大于给定索引值的元素,查找第二第三行,即索引值是1和2,也就是比0大(Table);
17、$("tr:lt(2)")匹配所有小于给定索引值的元素
18、$("div:contains('John')")查找所有包含 "John" 的 div 元素
19、$("td:empty")查找所有不包含子元素或者文本的空元素
20、$("div:has(p)").addClass("test");匹配含有选择器所匹配的元素的元素
21、$("td:parent")查找所有含有子元素或者文本的 td 元素
22、$("tr:hidden")查找隐藏的 tr
23、$("tr:visible")匹配所有的可见元素
24、$("div[id]")查找所有含有 id 属性的 div 元素,匹配包含给定属性的元素。、;
25、$("input[name='newsletter']").attr("checked", true);匹配给定的属性是某个特定值的元素,属性值。引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。
26、$("input[name!='newsletter']").attr("checked", true);查找所有 name 属性不是 newsletter 的 input 元素,匹配所有不含有指定的属性,或者属性不等于特定值的元素。
27、$("input[name^='news']")匹配给定的属性是以某些值开始的元素
28、$("input[name$='letter']")匹配给定的属性是以某些值结尾的元素
29、$("input[name*='man']")匹配给定的属性是以包含某些值的元素
30、$("input[id][name$='man']")找到所有含有 id 属性,并且它的 name 属性是以 man 结尾的
31、$("ul li:nth-child(2)")在每个 ul 查找第 2 个li;
32、$("ul li:first-child")匹配第一个子元素;
33、$("ul li:last-child")匹配最后一个子元素
34、$("ul li:only-child")如果某个元素是父元素中唯一的子元素,那将会被匹配
35、$(":input")查找所有的input元素,匹配所有 input, textarea, select 和 button 元素
36、$(":text")匹配所有的单行文本框
37、$(":password") $(":radio") $(":checkbox") $(":submit") $(":image") $(":button")
38、$("input:checked") 查找所有选中的复选框元素
39、$("select option:selected") 匹配所有选中的option元素
JQuery属性
1、$("img").attr("src");返回文档中第一个图像的src属性值。
2、$("img").attr({ src: "test.jpg", alt: "Test Image" });为所有图像设置src和alt属性。
3、$("img").attr("src","test.jpg");为所有图像设置src属性。
4、$("img").attr("title", function() { return this.src });把src属性的值设置为title属性的值。
5、$("img").removeAttr("src");将文档中图像的src属性删除
6、$("p").addClass("selected");为每个匹配的元素添加指定的类名。
7、$("p").removeClass("selected");
8、$("p").toggleClass("selected");为匹配的元素切换 'selected' 类
9、$("p").append(
"<b>Single:</b> " + $("#single").val() +
" <b>Multiple:</b> " + $("#multiple").val().join(", ")
);
10、$("input").val("hello world!");设置每一个匹配元素的值。
JQuery筛选
1、$("p").eq(n)获取第N个元素
2、$('li').first()
3、$('li').last()
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: