jquery选取p元素的所有a元素（jquery选择器有哪些类型）

本文目录

• jquery选择器有哪些类型
• js或者jQuery怎样得到指定div下的指定a标签
• 在jQuery中，$(“p a”)与$(“p>a”)有什么区别
• jQuery中的标签选择器是匹配所有元素，如$(“a“),匹配所有的a元素，如果要获取给a一个click事件
• jquery怎样获取一个元素下面相同子元素的个数
• jquery 选择器，怎么取得一个jquery对象中的标签的对象
• 怎么用jquery选择嵌套列表组li下面链接里的p的元素
• 二,填空题(共4题,每题2分) 1,在JQuery中,需要选取

  元素里所有的元素,下列

• Jquery如何选取元素及其所有子元素

jquery选择器有哪些类型

一、基本选择器
基本选择器是jQuery中最常用也是最简单的选择器，它通过元素的id、class和标签名等来查找DOM元素。
1、ID选择器 #id
描述：根据给定的id匹配一个元素， 返回单个元素（注：在网页中，id名称不能重复）
示例：$("#test") 选取 id 为 test 的元素
2、类选择器 .class
描述：根据给定的类名匹配元素，返回元素集合
示例：$(".test") 选取所有class为test的元素
3、元素选择器 element
描述：根据给定的元素名匹配元素，返回元素集合
示例：$("p") 选取所有的《p》元素
4、*
描述：匹配所有元素，返回元素集合
示例：$("*") 选取所有的元素
5、selector1，selector2,...,selectorN
描述：将每个选择器匹配到的元素合并后一起返回，返回合并后的元素集合
示例：$("p,span,p.myClass") 选取所有《p》,《span》和class为myClass的《p》标签的元素集合
二、层次选择器
三、过滤选择器
四、表单选择器（返回元素集合，使用相似）

js或者jQuery怎样得到指定div下的指定a标签

1、首先需要引入jquery脚本文件。

2、然后添加一些简单的html，这里主要的就是在一个div里添加了二个a链接，div和a链接就各自有id属性。还有一个操作的按钮，加上了onclick事件的。

3、然后需要添加对应的点击事件函数。

4、在函数中，先利用jquery的选择器方法来获取到a链接，$("#my_div a")这个代码就是指在id为my_div下的所有a链接。

5、获取到链接后，就用一个for循环来得到div里所有链接的id，主要是通过jquery的attr方法来得到每个链接控件的id属性。得到后，将其保存进数组里。

6、然后通过alert方法来弹出显示所有链接的id。

7、运行页面，可以看到现在有二个链接，点击一下按钮。

8、点击后，会弹出一个alert窗口，这里显示出了二个链接的id属性，对比代码里的值，获取的结果是正确的。

在jQuery中，$(“p a”)与$(“p>a”)有什么区别

用通俗一点的话来说就是：前者是在p的所有子孙后代（包括儿子、孙子、重孙……）中找a，而后者则只在p的儿子们中找a

jQuery中的标签选择器是匹配所有元素，如$(“a“),匹配所有的a元素，如果要获取给a一个click事件

//给所有a点击事件可以使用
$( "a" ).click( function() {
    //some code
} );
//给指定a点击事件,假设这个a有个id是test
$( "a" ).each( function() {
    if( $( this ).attr( "id" ) === "test" ) {
        $( this ).click( function() {
            //some code
        } );
    }
} );

jquery怎样获取一个元素下面相同子元素的个数

1、siblings()，可以返回元素的所有同胞元素。

2、next()，可以获取到当前元素的下一个同胞元素。

3、nextAll()，可以获取到当前元素的所有跟随的同胞元素。

4、nextUntil()，可以获取到介于两个元素之间的所有跟随的同胞元素。

5、prev()，可以获取到当前元素的前一个同胞元素。

6、prevAll()，可以获取到当前元素的所有之前的同胞元素。

7、prevUntil()，可以获取到介于两个元素之间的所有之前的同胞元素。

jquery 选择器，怎么取得一个jquery对象中的标签的对象

var aAll = abc.find(’a’);
find(expr)
搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。
所有搜索都依靠jQuery表达式来完成。这个表达式可以使用CSS1-3的选择器语法来写。
返回值
jQuery
参数
expr (String) :用于查找的表达式
示例
从所有的段落开始，进一步搜索下面的span元素。与$("p span")相同。
HTML 代码:
《p》《span》Hello《/span》, how are you?《/p》
jQuery 代码:
$("p").find("span")
结果:

怎么用jquery选择嵌套列表组li下面链接里的p的元素

1. 首先你代码要规范

《!DOCTYPE html》

《html lang="en"》

《head》

《meta charset="UTF-8"》

《title》学习web加Q群573820490《/title》

《link rel="stylesheet" href="css/style.css"》

***隐藏网址***

《/head》

《body》

怎么用jquery选择嵌套列表组li下面链接里的p的元素

《div class="menu"》

《ul》

《li》菜单《/li》

《li》《a href=""》《p》子项《/p》《/a》《/li》

《/ul》

《/div》

《script》

$(".menu ul li a p");

《/script》

《/body》

《/html》

2.引用外部jq文件

***隐藏网址***

3.写jq代码

《script》

$(".menu ul li a p");

《/script》

完成 谢谢采纳

二,填空题(共4题,每题2分) 1,在JQuery中,需要选取

元素里所有的元素,下列

1. $("p a")

2. $("").after()

3. li:nth-child(6)

4. $("p").html("") //html后的（）给空字符

   我能想到的就这些，不知道是不是正确

Jquery如何选取元素及其所有子元素

$("div")//选取div
$("div》p")//选取div的子元素p

jQuery 选择器大全

$("#myELement")    选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 
$("div")           选择所有的div标签元素，返回div元素数组 
$(".myClass")      选择使用myClass类的css的所有元素 
$("*")             选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,div,.myclass") 
 
层叠选择器： 
$("form input")         选择所有的form元素中的input元素 
$("#main 》 *")          选择id值为main的所有的子元素 
$("label + input")     选择所有的label元素的下一个input元素节点，经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素 
$("#prev ~ div")       同胞选择器，该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签 
 
基本过滤选择器： 
$("tr:first")               选择所有tr元素的第一个 
$("tr:last")                选择所有tr元素的最后一个 
$("input:not(:checked) + span")   
 
过滤掉：checked的选择器的所有的input元素 
 
$("tr:even")               选择所有的tr元素的第0，2，4... ...个元素（注意：因为所选择的多个元素时为数组，所以序号是从0开始） 
 
$("tr:odd")                选择所有的tr元素的第1，3，5... ...个元素 
$("td:eq(2)")             选择所有的td元素中序号为2的那个td元素 
$("td:gt(4)")             选择td元素中序号大于4的所有td元素 
$("td:ll(4)")              选择td元素中序号小于4的所有的td元素 
$(":header") 
$("div:animated") 
内容过滤选择器： 
 
$("div:contains(’John’)") 选择所有div中含有John文本的元素 
$("td:empty")           选择所有的为空（也不包括文本节点）的td元素的数组 
$("div:has(p)")        选择所有含有p标签的div元素 
$("td:parent")          选择所有的以td为父节点的元素数组 
可视化过滤选择器： 
 
$("div:hidden")        选择所有的被hidden的div元素 
$("div:visible")        选择所有的可视化的div元素 
属性过滤选择器： 
 
$("div")              选择所有含有id属性的div元素 
$("input")    选择所有的name属性等于’newsletter’的input元素 
 
$("input") 选择所有的name属性不等于’newsletter’的input元素 
 
$("input")         选择所有的name属性以’news’开头的input元素 
$("input")         选择所有的name属性以’news’结尾的input元素 
$("input")          选择所有的name属性包含’news’的input元素 
 
$("input")    可以使用多个属性进行联合选择，该选择器是得到所有的含有id属性并且那么属性以man结尾的元素 
 
子元素过滤选择器： 
 
$("ul li:nth-child(2)"),$("ul li:nth-child(odd)"),$("ul li:nth-child(3n + 1)") 
 
$("div span:first-child")          返回所有的div元素的第一个子节点的数组 
$("div span:last-child")           返回所有的div元素的最后一个节点的数组 
$("div button:only-child")       返回所有的div中只有唯一一个子节点的所有子节点的数组 
 
表单元素选择器： 
 
$(":input")                  选择所有的表单输入元素，包括input, textarea, select 和 button 
 
$(":text")                     选择所有的text input元素 
$(":password")           选择所有的password input元素 
$(":radio")                   选择所有的radio input元素 
$(":checkbox")            选择所有的checkbox input元素 
$(":submit")               选择所有的submit input元素 
$(":image")                 选择所有的image input元素 
$(":reset")                   选择所有的reset input元素 
$(":button")                选择所有的button input元素 
$(":file")                     选择所有的file input元素 
$(":hidden")               选择所有类型为hidden的input元素或表单的隐藏域 
 
表单元素过滤选择器： 
 
$(":enabled")             选择所有的可操作的表单元素 
$(":disabled")            选择所有的不可操作的表单元素 
$(":checked")            选择所有的被checked的表单元素 
$("select option:selected") 选择所有的select 的子元素中被selected的元素 
 
  
 
选取一个 name 为”S_03_22″的input text框的上一个td的text值
$(”input“).parent().prev().text() 
 
名字以”S_”开始，并且不是以”_R”结尾的
$(”input“) 
 
一个名为 radio_01的radio所选的值
$(”input“).val(); 
 
  
 
  
 
$("A B") 查找A元素下面的所有子节点，包括非直接子节点
$("A》B") 查找A元素下面的直接子节点
$("A+B") 查找A元素后面的兄弟节点，包括非直接子节点
$("A~B") 查找A元素后面的兄弟节点，不包括非直接子节点 
 
1. $("A B") 查找A元素下面的所有子节点，包括非直接子节点 
 
例子：找到表单中所有的 input 元素 
 
HTML 代码: 
 
《form》
《label》Name:《/label》
《input name="name" /》
《fieldset》
      《label》Newsletter:《/label》
      《input name="newsletter" /》
《/fieldset》
《/form》
《input name="none" /》 
jQuery 代码: 
 
$("form input") 
结果: 
 
 
 
2. $("A》B") 查找A元素下面的直接子节点 
例子：匹配表单中所有的子级input元素。 
 
HTML 代码: 
 
《form》
《label》Name:《/label》
《input name="name" /》
《fieldset》
      《label》Newsletter:《/label》
      《input name="newsletter" /》
《/fieldset》
《/form》
《input name="none" /》 
jQuery 代码: 
 
$("form 》 input") 
结果: 
 
 
 
3. $("A+B") 查找A元素后面的兄弟节点，包括非直接子节点 
例子：匹配所有跟在 label 后面的 input 元素 
 
HTML 代码: 
 
《form》
《label》Name:《/label》
《input name="name" /》
《fieldset》
      《label》Newsletter:《/label》
      《input name="newsletter" /》
《/fieldset》
《/form》
《input name="none" /》 
jQuery 代码: 
 
$("label + input") 
结果: 
 
 
 
 
4. $("A~B") 查找A元素后面的兄弟节点，不包括非直接子节点 
例子：找到所有与表单同辈的 input 元素 
 
HTML 代码: 
 
《form》
《label》Name:《/label》
《input name="name" /》
《fieldset》
      《label》Newsletter:《/label》
      《input name="newsletter" /》
《/fieldset》
《/form》
《input name="none" /》 
jQuery 代码: 
 
$("form ~ input") 
结果: