您的位置:首页 > Web前端 > JQuery

JQuery之选择器

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

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

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

      


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

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

         


         

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

      
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: