zoukankan      html  css  js  c++  java
  • JQuery帮助文档整理

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

  • 相关阅读:
    C++笔记(2018/2/6)
    2017级面向对象程序设计寒假作业1
    谁是你的潜在朋友
    A1095 Cars on Campus (30)(30 分)
    A1083 List Grades (25)(25 分)
    A1075 PAT Judge (25)(25 分)
    A1012 The Best Rank (25)(25 分)
    1009 说反话 (20)(20 分)
    A1055 The World's Richest(25 分)
    A1025 PAT Ranking (25)(25 分)
  • 原文地址:https://www.cnblogs.com/YuanShuai/p/2444313.html
Copyright © 2011-2022 走看看