码迷,mamicode.com
首页 > Web开发 > 详细

jquery 选择器

时间:2017-01-19 19:48:43      阅读:755      评论:0      收藏:0      [点我收藏+]

标签:sel   bsp   name   script   query   form   rip   news   input   

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 选择器

标签:sel   bsp   name   script   query   form   rip   news   input   

原文地址:http://www.cnblogs.com/kobigood/p/6307778.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!