认识达内从这里开始

认真做教育专心促就业

web前端编程开发JQuery编程选择符的类型使用方法

发布：运城达内教育官网
来源：互联网
时间：2019-12-27 09:43

JQuery是我们在学习web前端编程开发技术的时候需要重点掌握的一个编程开发知识，而进我们就通过案例分析来了解一下，JQuery编程应用中的选择符类型都有哪些。

web前端编程开发JQuery编程选择符的类型使用方法

JQuery强大的选择符可以让我们获得页面中任何元素进行操作，并且使用简单方便，可读性强。本章内容根据本人在开发中常用到的选择符作为例子来进行讲解，如有更多常用的简单的例子可回复提供，参与讨论，一起学习研究，先我们从常用的CSS选择符开始。

CSS选择符包括通配选择符、ID选择符、属性选择符、包含选择符、类选择符等，他们的基本格式为：

通配选择符：$("#ID *") 表示该元素下的所有元素。

ID选择符：$("#ID") 表示获得指定ID的元素。

属性选择符：$("input[type=text]") 表示type属性为text的所有input元素。

包含选择符：$("ul li a") 表示ul元素下所有的li元素里的所有a元素。

类选择符：$(".Class") 表示所有引用Class样式的元素。

当然这些选择符是可以配合使用的比如说：$("#ID input[type=text]")，这种写法表示指定ID元素下的type属性为text的所有input元素。在JQuery中有些细微的改动都是非常有趣的，比如$("ul li").addClass("Class")和$("ul > li").addClass("Class")，他们显示出来的效果是不同的，一种是将ul下的所有li元素添加样式，二种是将ul下的一个li元素添加样式，具体更多的使用方法可以自行测试。

XPath选择符所涵盖的内容不多，他们的基本格式为：

$("[@title]") 表示选择所有元素内属性带有title的元素。

$("[@title^=t]") 表示所有属性title值是以t为开头的元素。

$("[@title$=t]") 表示所有属性title值是以t为结尾的元素。

$("[@title$=t]") 表示所有属性title值是包含t的元素。

XPath选择符和CSS选择符一样，也可以配合使用，可以多个XPath选择符一起使用，也可以和CSS选择符一起使用，所以想要达到你想要的要求用JQuery方法是有很多种的。

自定义选择符是选择以一个冒号(：)开头的一种选择符，说到自定义选择符，那就不说到我们经常用到:gt()、:eq()、:odd、:even，这些是我们常用到的，比如:odd和:even这两个我们通常用他来做有条纹样式的表格，使用方法相当简单，如 $("#table tr:odd").addClass("odd")和$("#table tr:even").addClass("even")只要简单的使用两行代码就可以制作出我们想要的条纹样式。

【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。

< 上一篇：JavaScript程序员面试需要测试哪些内容

下一篇：python编程常见的一些协程方式都有哪些类型 >