JQuery学习之路Part2：用选择器获取元素

Dear 丶 2023-07-12 06:28 21阅读 0赞

JQuery基本语法都会带有$美元符号  
该符号可以修改：

var jq=jQuery.noConflict()

如此 就可以用jq代替美元符号了

--------------------

# Jquery获取元素 #

## 元素选择器 ##

**语法大致与JavaScript相同**

$(“p”)：获取所有`<p>`元素

$(“div,p,li”)：查找全部`<div>`标签和`<p>`标签和`<li>`标签

$(“div p li”)：查找`<div>`标签里的`<p>`标签里的`<li>`标签

$(".intro")：获取所有class="intro"的元素

$(“div .dd”)：在`<div>`里查找类名为dd的元素

$(“p.intro”)：获取所有class="intro"的`<p>`元素

$(“p\#demo”)：获取所有id="demo"的`<p>`元素

$(“ul li:first”)：获取每个`<ul>`的第一个`<li>`元素

$(“p>p”)：查找`<p>`元素下所有`<p>`元素

--------------------

## 属性选择器 ##

$("\[href\]")：获取所有带有href属性的元素

$("\[href=’\#’\]") ：获取所有带有href值且值等于"\#"的元素

$("\[href!=’\#’\]")：获取所有带有href值且值不等于"\#"的元素

`$`("\[href`$`=’.jpg’\]")：获取所有href值以".jpg"结尾的元素

--------------------

## 奇偶选择器 ##

$(“li:odd”)：查找所有li标签中的奇数位的元素(从0开始)  
(巧记：odd三个字母：奇数)

$(“li:even”)：查找所有li标签中的偶数位的元素(从0开始)  
(巧记：even四个字母：偶数)

--------------------

## 指定选择器 ##

$(“li:eq()”)：查找所有li标签中的指定位置的元素

--------------------

## css选择器 ##

$(“p”).css(“background-color”,“red”)：查找css样式background-color为red的p标签

--------------------

## 获取当前HTML元素 ##

(function内常用)

$(this)

--------------------

`$`("\[href`$`=’.jpg’\]")：获取所有带有以".jpg"结尾的属性值的href属性的元素

$(“div\#intro .head”)：获取id="intro"的`<div>`元素中的所有class="head"的元素

--------------------

发表评论取消回复

表情：

评论列表（有 0 条评论，21人围观）

还没有评论，来说两句吧...

相关阅读

相关 JQuery学习之路Part6：元素的操作(添加元素、清空元素、克隆元素)

一、添加元素 `prepend()`：在被选元素的儿子的最前面插入内容例： $("p").prepend("Some text."); --------

旧城等待，/ 2023年07月12日 16:05/ 0 赞/ 491 阅读

相关 JQuery学习之路Part5：DOM元素内容和属性值的获取和设置

一、获取/设置内容 1、text() 获取所选元素的文本内容获取双标签文本内容不往方法里传入参数即为获取例： $("btn1").cli

逃离我推掉我的手/ 2023年07月12日 09:27/ 0 赞/ 19 阅读

相关 JQuery学习之路Part2：用选择器获取元素

JQuery基本语法都会带有$美元符号该符号可以修改： var jq=jQuery.noConflict() 如此就可以用jq代替美元符号了 ------

Dear 丶/ 2023年07月12日 06:28/ 0 赞/ 22 阅读

相关 JQuery学习系列2--选择器

层次选择器 •\-> 后代选择器 $(祖代后代) //后面多有的 •\-> 子代选择器 $(父>子) //后面一个 •\-> 紧随选择器 $(前+后) // $(前+\

梦里梦外;/ 2022年08月05日 07:38/ 0 赞/ 166 阅读

相关 jQuery学习笔记2之jQuery选择器

一、jQuery的基本选择器下面是利用jQuery的基本选择器进行的演示，跟css的规则一致元素名直接调用元素名 class用.classname id用\idna

喜欢ヅ旅行/ 2022年07月30日 13:13/ 0 赞/ 196 阅读

相关 jquery选择器之获取父级元素、同级元素、子元素

\---------------------转自http://blog.csdn.net/tolcf/article/details/39289471 一、获取父级元素 1

客官°小女子只卖身不卖艺/ 2022年07月26日 00:22/ 0 赞/ 341 阅读

相关 jquery选择器获取父级元素、同级元素、子元素

一、获取父级元素 1、 parent(\[expr\]): 获取指定元素的所有父级元素 <div id="par_div"><a i

缺乏、安全感/ 2022年06月16日 14:46/ 1 赞/ 494 阅读

相关 jquery多css选择器获取指定元素

场景 jquery多css选择器获取指定元素，相信你看到这一定会问一个id就搞定的事干嘛扯这么多，但是某些情况下就很无奈呀，就比如今天一哥们问我，一个元素上面有两个cla

青旅半醒/ 2022年05月27日 07:26/ 0 赞/ 447 阅读

相关 jQuery选择器获取元素

1、遍历tr中所有td中的内容 // 遍历 tr $('tab tr').each(function(i){

柔光的暖阳◎/ 2022年05月24日 09:11/ 0 赞/ 275 阅读

相关 jQuery学习——入门jQuery选择器之层次选择器

今天说的是层次选择器，那层次选择器有哪几个？ $("ancestor descendant")：选取parent元素后所有的child元素 $("parent

古城微笑少年丶/ 2021年09月25日 16:22/ 0 赞/ 489 阅读