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" />



 

　 

posted @ 2017-01-19 18:40  KOBE-Jason  阅读(283)  评论(0)  编辑  收藏  举报