jquery选择器简介

JQuery选择器使得获取页面元素变得更加容易和灵活，从而大大减轻了开发人员的压力。就像盖楼，没有砖瓦，盖不起楼，得不到元素。其他操作呢？可以看出jQuery选择器很重要。

jquery选择器的一般方向可以分为以下几种：

让我们看一下基本选择器和通用CSS选择器：

1.标签选择器：

$(“元素”)

其中，参数元素表示要搜索的HTML标签名，比如$('div ')，标签选择器获取元素的方式是高效的，因为它继承了javascript中的getEmelentsByTagName，获取了整组元素。

2.身份选择器

$(“id”)

其中，参数id表示待搜索元素的id属性值，前面应该有多个字符“#”。它获取元素的方式也很高效，因为它继承了JavaScript中的GetElementByID(“”)，并且ID在页面中是唯一的，符合CSS标准。

！DOCTYPE html html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；Charset=utf-8'/titleID选择器/title脚本类型=' text/JavaScript ' src=' http : js/jquery-1 . 11 . 0 . js '/脚本脚本类型=' text/JavaScript ' $(function(){ alert($(' # idinput ')).});/script/head body输入类型=' text '值=' hello，我是ID选择器' ID=' idInput '/body/html 3。类别选择器

$(“类”)

其中，参数类用选择器指定应用于元素的类名，该类名的前面应该是()。)

！DOCTYPE html html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title class selector/title script type=' text/JavaScript ' src=' http : js/jquery-1 . 11 . 0 . js '/script script type=' text/JavaScript ' $(function(){ $()。my CLaSS’)。css('边框'，' 2px纯蓝')；});/script/head body输入类型=' datetime ' value=' class=' my class '/DIV class=' my class '我是DIV，wahahaha /div/body/html4。通用选择器

通用选择器(*)匹配所有元素，主要用于结合上下文进行搜索，即查找HTML页面中的所有标签。语法格式如下：

$('*')

使用通用选择器查找所有元素并统一设置样式。

！DOCTYPE html html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8/title通用选择器/title script type=' text/JAVAScript ' src=' http : js/jquery-1 . 11 . 0 . js '/script script type=' text/JAVAScript ' $(function(){ $(' * ')。CSS(' back })；/script/head dy p窗前的月光//p ul liChina/Li Li chinee/Li Li lichine/Li Li chinee/Li Li chinee/Li/ul输入类型=' text' value=''/div我是DIV /div/body/html5。组选择器

组选择器，也称为多元素选择器，用于选择所有指定选择器组合的结果。语法格式如下：

$('selector1，selector2，selector3，SelectOrn’)；选择符1、选择符2、选择符3和选择符都是有效的任意选择符。您可以指定任意多的选择器，并将匹配的元素组合成一个结果。

多元素选择器是选择不同元素的有效方法。在返回的jquery对象中，DOM元素的顺序可能不同，因为它们是按文档顺序排列的。

！DOCTYPE html html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title group selector/title script type=' text/JavaScript ' src=' http : js/jquery-1 . 11 . 0 . js '/script script type=' text/JavaScript ' $(function()){ $(' p，ul，#myID，my CLaSS’)。css('背景色'，'绿色')；});/script/headbody p我是一个段落标签/p ulli 2/Lili 3/Lili 4/Lili 5/Lili 6/Li/ul put type=' text ' id=' myid ' value=' I是一个文本框'/span class='myClass '我是一个内联元素。span/span/body/html以上是边肖编译的jquery Selector的总结，希望能帮助大家进一步了解jquery Selector。