• 锋利的jquery


    jqury对象和DOM对象的转换

      jquery转DOM  

        var $cr = $("#cr");  

        var cr = $cr[0]  或者  var cr = $cr.get(0);

      DOM对象转jquery对象

        var cr = document.getElementById("cr");

        var $cr = $(cr);

    选择器

      基本选择器

        $("#test")  id为test的元素

        $(".test")  class为test的元素

        $("test")  test标签的元素

      层次选择器

        $("div span")  选取<div>里的所有<span>后代元素

        $("div > span")  选取<div>元素下的所有<span>子元素

        $(".one + div")  选取class为one的下一个<div>同辈元素,紧接在class为one的元素后的  常用next()代替

        $("#two~div")  选择id为two的元素后面的所有<div>同辈元素  常用nextAll()代替

      过滤选择器

        $("div:first")   选取<div>元素的第一个<div>元素

        $("div:last")   选取<div>元素的最后一个<div>元素

        $("input:not(myClass)")  选取class不是myClass的<input>元素

        $("input:even")  选取索引号是偶数的<input>元素

        $("input:odd")  选取索引号是奇数的<input>元素

        $("input:eq(1)")  选取索引号为1<input>元素

        $("input:gt(1)")  选取索引号大于1<input>元素,不包括1

        $("input:lt(1)")  选取索引号小于1<input>元素,不包括1

        $(":header")   选取网页中所有的<h>元素

        $("div:animated")  选取正在执行动画的div元素

        $(":focus")    选取当前获取焦点的元素

        内容过滤器

          $("div:contains('我')")  选取含有文本'我' 的<div>元素

          $("div:empty")   选取不包含元素的<div>空元素

          $("div:has(p)")    选取含有<p>元素的<div>元素

          $("div:parent")  选取拥有子元素(包括本元素)的<div>元素  

        可见性过滤器

          $("input:hidden")  选取所有不可见的 input 元素

          $("input:visible")  选取所有可见的 input 元素 

        属性过滤器

          $("div[id]")  选取拥有属性id的元素

          $("div[title = test]")  选取拥有属性title为test的元素

          $("div[title != test]")  选取拥有属性title不为test的元素

          $("div[title ^= test]")  选取拥有属性title开头为test的元素

          $("div[title $= test]")  选取拥有属性title结尾为test的元素

          $("div[title *= test]")  选取拥有属性title属性值含有test的元素

          $("div[title |= test]")  选取拥有属性title属性值等于test或者以test为前缀接 - 的元素

          $("div[title -= test]")  选取拥有属性title属性值含有test和空格的元素 

          $("div[id][title *= test]")  选取含有属性值id,并且拥有属性title属性值含有test的元素

        子元素过滤器

          $("div.one:nth-child(2)")  选取class为one的div元素的第二个子元素  从1开始  结果可能给为多个元素

          $("div.one:only-child")  如果class为one的div层只有一个子元素,则选取它

          $("div.one:first-child")  class为one的div层的第一个子元素

          $("div.one:last-child")  class为one的div层的最后一个子元素

        

        

        

  • 相关阅读:
    uniapp请求拦截
    stellar视差插件
    fullpage全屏插件应用
    fullpage全屏插件简介
    WdatePicker日期插件
    Ueditor富文本编辑器
    layer弹出层
    验证码绘制
    Ajax跨域访问
    JQuery封装的ajax方法
  • 原文地址:https://www.cnblogs.com/amibandoufu/p/4973997.html
Copyright © 2020-2023  润新知