锋利的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层的最后一个子元素

    

    

    

你可能感兴趣的:(锋利的jquery)