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

  • 相关阅读:
    Java-Class-FC:java.lang.StringBuilder.java
    Java-Class-C:com.github.pagehelper.PageInfo.java
    Java-Class-C:com.github.pagehelper.PageHelper.java
    Java-Class-E:org.springframework.http.HttpStatus.java
    Java-Class-@I:io.swagger.annotation.ApiParam.java
    Java-Class-I:javax.servlet.http.HttpServletRequest.java
    Java-Class-C:java.util.BigDecimal.java
    Code-日期-Java-Class-C:cn.hutool.core.date.DateUtil.java
    MongoDB,还有一个角度看数据
    飘逸的python
  • 原文地址:https://www.cnblogs.com/YuanShuai/p/2444313.html
Copyright © 2011-2022 走看看