zoukankan      html  css  js  c++  java
  • 锋利的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层的最后一个子元素

        

        

        

  • 相关阅读:
    c#实现冒泡、快速、选择和插入排序算法
    数据库>SQL Server>循环游标读取例子
    《道德经》程序员版第二章
    跨域访问JQuery+.NET实现的一种思路,以及极简单Demo
    《道德经》程序员版第三章
    ASP.NET初级>传智播客.net>第十一季asp.net中级 文字总结(未完)
    <div>里包含<p>标签疑问
    互联网音乐赚钱模式
    JQuery调用WebService,以及JS把单斜杠转换成双斜杠
    《道德经》程序员版第一章
  • 原文地址:https://www.cnblogs.com/amibandoufu/p/4973997.html
Copyright © 2011-2022 走看看