JQuery之选择器

来源:互联网 发布:在app里找淘宝官方客服 编辑:程序博客网 时间:2024/05/01 20:42

           我们知道,JS获取页面中的元素,需要的是getElementsByTagName()、getElementsById()、getElementsByName()等方法,然后动态的给元素添加行为或者是样式,这样很简单,但是反复获取,还是很枯燥的,常常为了获取更多的页面信息,重复的上面的方法,在JQuery中,我们用的是选择器。其中JQuery选择器分为基本选择器、层次选择器、过滤选择器和表单选择器。我们用不同的选择器来查找HTML代码中的元素并对其进行简单的操作。


        其中我们的基本选择器是最常用的选择器,通过元素id/class和标签名来查找元素。但是在网页中,每一个id名称只能使用一次,而类选择器class允许重复使用。


        层次选择器是后代元素、子元素、相邻元素和兄弟元素,其中的语法如下:

      


       过滤选择器是通过特定的过滤规则来筛选所需的DOM元素,过滤规则和CSS中的伪类选择器语法相同,以一个冒号:开头。分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤、表单对象属性过滤选择器。


      表单选择器是为了使用户能够更加灵活的操作表单,而专门加入的表单选择器,来更加方便的获取表单的元素。我们来图片上面的例子来理解一下。

         

         

          我们敲例子的时候,用了很多的基本选择器。作为强大的JQuery的初学者,还有很多的知识在等着我们。

      

0 0
原创粉丝点击