jquery 选择器

Posted Jason博客园

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 选择器相关的知识,希望对你有一定的参考价值。

1.首先我们比较简单的选择器我们就点点就好了:比较常用的选择器 (1). id选择器    (2)类选择器    (3)元素选择器。

2.比较不常用的:

<html>
<head>
<script type="text/javascript" src="自己官网下载js文件"></script>
<script type="text/javascript">
$(document).ready(function(){
// todo 需要编写的一些文件
});
</script>
</head>
<body>
<div>div</div>
<p class="myClass">p class="myClass"</p>
<span>span</span>
<p class="notMyClass">p class="notMyClass"</p>

</body>
</html>

 

(1).  *  匹配任何元素      $("*")

(2). selector1,selector2,selectorN   将每一个选择器匹配到的元素合并后一起返回。  

例子:

<div>div</div>
<p class="myClass">p class="myClass"</p>
<span>span</span>
<p class="notMyClass">p class="notMyClass"</p>

$("div,p.myClass")  获取到下面的元素

<div>div</div>
<p class="myClass">p class="myClass"</p>
(3)parent > child 在给定的父元素下匹配所有的子元素
(4).prev + next 匹配所有紧接在 prev元素下面的袁术
例子:
<form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" />

$("label + input") 获取的所有元素
<input name="name" />, <input name="newsletter" />



 

  





















以上是关于jquery 选择器的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——CSS选择器

jQ选择器学习片段(JavaScript 部分对应)

VSCode自定义代码片段6——CSS选择器

JQuery02

Android - 片段中的联系人选择器

jQuery 核心函数