代码改变世界

JQuery帮助文档整理

2012-04-12 17:19  愿心平静面对  阅读(274)  评论(0编辑  收藏  举报

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()