zoukankan      html  css  js  c++  java
  • 使用jQuery快速高效制作网页交互特效---jQuery选择器

    一、什么是jQuery选择器

    Query选择器继承了CSS与Path语言的部分语法,允许通过标签名、属性名或内容对DOM元素进行快速、准确的选择,

    而不必担心浏览器的兼容性,通过jQuery选择器对页面元素的精准定位,才能完成元素属性和行为的处理。

    二、jQuery选择器的优势

    1、简洁的写法

    2、完善的处理机制

    三、jQuery选择器的类型

    1、通过CSS选择器选取元素:

    基本选择器

    层次选择器

    属性选择器

    2、通过过滤选择器选择元素

    基本过滤选择器

    可见性过滤选择器

    四、通过CSS选择器选取元素

    1、基本选择器

    2、层次选择武器

    3、属性选择器

    五、通过条件过滤选取元素

    1、基本过滤选择器

    2、可见性过滤选择器

     

    六、选择器中的空格
     1、选择器的书写规范很严格,多一个空格或少一个空格,都会影响选择器的效果

    var $t_a = $(".test :hidden"); //带空格的jQuery选择器        选取class为“test”的元素内部的隐藏元素
    var $t_b = $(".test:hidden");  //不带空格的jQuery选择器        选取隐藏的class为“test”的元素

     2、选择器中含有特殊符号的注意事项选择器中含有“.”、“#”、“(”或“]”等特殊字符根据W3C的规定,

    属性值中是不能含有这些特殊字符的,但在实际项目中偶尔会遇到表达式中含有“#”和“.”等特殊字符,如果按照普通的方式去处理出来的话就会出错。

    解决此类错误的方法是使用转义符转义。
    <div id="id#b">bb</div> 
    <div id="id[1]">cc</div>

    不能这样写:
    $('#id#b');  $('#id[1]');
    应该使用转义符号:
    $('#id\#b');       //转义特殊字符“#” 
    $('#id\[1\]');    //转义特殊字符“[ ]”

  • 相关阅读:
    代码书写的细节
    php中的正则函数主要有三个-正则匹配,正则替换
    2个比较经典的PHP加密解密函数分享
    淘宝运营中的6大致命误区,你犯过么?
    30分钟教你写出10分的淘宝标题
    超全的web开发工具和资源
    转化率不好?告诉你转化飙秘诀
    帮你店铺日销千单的20个淘宝小技巧
    不刷单,中小卖家如何提升店铺流量?
    使用Flexible实现手淘H5页面的终端适配
  • 原文地址:https://www.cnblogs.com/dabrk/p/11028169.html
Copyright © 2011-2022 走看看