JQuery选择器与过滤器(随手笔记)

一、表单选择器
虽然可以使用常规的选择器来对表单的元素进行定位,但还是不能满足多变的需求,所以这里我们一起来学习一下JQuery表单选择器。
例如:
二、表单过滤器
JQuery提供了四种表单过滤器,分别可以用在是否可用,是否选择来进行表单字段的筛选

成都创新互联是一家集网站建设,新化企业网站建设,新化品牌网站建设,网站定制,新化网站建设报价,网络营销,网络优化,新化网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

        
    
    
    
    
    
    



三、Jquery可见性过滤器

JQuery 选择器与过滤器(随手笔记)
例如:
$('span:hidden').size();

四、子元素过滤器
JQuery 选择器与过滤器(随手笔记)
例如:


    
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

JQuery 选择器与过滤器(随手笔记)

五、内容过滤器
内容过滤器的过滤规则主要在包含的子元素和文本内容上。
JQuery 选择器与过滤器(随手笔记)

例如:


    
  • 1
  • 2
  • 3
  • 4
  • 突出显示的内容
  • 6
突出显示的内容

突出显示的内容

JQuery 选择器与过滤器(随手笔记)

六、高级选择器
JQuery 选择器与过滤器(随手笔记)

例如:
//后代选择器
$("#box p").css("color","pink");//浏览器全兼容
Jquery为后代选择器提供了一个等价的方法find()
$("#box"),find("p").css("color","pink");.//等价 后代选择器
//子选择器
$("#box > p").css("color","pink");
Jquery为子选择器提供了一个等价的方法children()方法。
$("#box").children("p").css("color","pink");//等价 子选择器


    
    
  • 6
突出显示的内容

突出显示的内容1

突出显示的内容2

JQuery 选择器与过滤器(随手笔记)

七、过滤选择器
过滤器主要通过特定的过滤规则来筛选所需的DOM元素,和CSS类似用(:)开头。
JQuery 选择器与过滤器(随手笔记)
JQuery 选择器与过滤器(随手笔记)
例如:

     
    
    
        

5

6

7

8

9

10

11

12

JQuery 选择器与过滤器(随手笔记)
八、进阶选择器
在简单的选择器中,最基本的三种选择器:元素标签名、ID和class类。还有一些进阶和高级的选择器:
JQuery 选择器与过滤器(随手笔记)
例如:

            
    

JQuery 选择器与过滤器(随手笔记)


本文题目:JQuery选择器与过滤器(随手笔记)
网站链接:http://scjbc.cn/article/gcdogh.html

其他资讯