层次选择器[selector

层次选择器[selector_2.html]
$("form input")：祖先后代
$("form>input"):父亲>直接小孩
$("form+input")：兄弟的第一个，只包括form元素下面
$("form~input")：所有兄弟，只包括form元素下面的

 1 <html>
 2   <head>
 3     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 4     <script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
 5   </head>
 6   <body>
 7     <input type="radio" value="f"/>
 8     <form>
 9         <input type="text" value="a"/>
10         <table>
11             <tr>
12                 <td>
13                     <input type="checkbox" value="b"/>
14                 </td>
15             </tr>
16         </table>
17     </form>
18     <input type="radio" value="c"/>
19     <input type="radio" value="d"/>
20     <input type="radio" value="e"/>
21     <script type="text/javascript">
22
23     /*1)找到表单form内部所有的input元素的个数
24         var $input = $("form input");
25         var size = $input.size();
26         alert(size);
27     */
28     alert($("form input").val())
29
30       /*2)找到表单form内部所有的子级input元素个数
31           var $input = $("form>input");
32           var size = $input.size();
33           alert(size);
34           */
35       //  alert($("form>input").val())
36
37
38       /*3)找到表单form同级第一个input元素的value属性值
39           var $input = $("form+input");
40           var value = $input.val();
41           alert(value);
42           */
43
44           alert($("form+input").val())        //c
45       //4)找到所有与表单form同级的input元素个数
46        /*  var $input = $("form~input");
47          var size = $input.size();
48          alert(size);
49       */
50       alert($("form~input").size())
51     </script>
52   </body>
53 </html>

转载于:https://www.cnblogs.com/friends-wf/p/3808795.html

层次选择器[selector_2.html]相关推荐

css03层次选择器
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8" ...
CSS学习04之层次选择器
回顾什么是选择器在 CSS 中,选择器是选取需设置样式的元素的模式. 选择器的作用 CSS 选择器用于"查找"(或选取)要设置样式的 HTML 元素. 方便我们对元素添加样式. ...
html层次选择器例题,JQuery 层次选择器的例子
层次选择器_www.jbxue.com $(function () { //------1.在给定的祖先元素下匹配所有后代元素(包含了子元素,以及子元素的元素,一直往下延伸) //var $divs ...
jQuery选择器介绍：基本选择器、层次选择器、过滤选择器、表单选择器
这篇文章来介绍下jQuery的选择器. 选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.因此,如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半 ...
CSS基本选择器、层次选择器、结构伪类选择器、属性选择器
目录基本选择器 1.标签选择器 2.类选择器 3.ID选择器层次选择器结构伪类选择器属性选择器基本选择器 1.标签选择器 2.类选择器 3.ID选择器层次选择器选择器类型功能描 ...
设置某个元素的标签内容、设置元素的样式、层次选择器、总结选择器
点击按钮设置某个元素的标签内容 <!DOCTYPE html> <html lang="en"> <head><meta charset= ...
jQuery常用的层次选择器
常用层次选择器儿子手机品牌苹果华为 vivo 电脑品牌苹果联想戴尔销量排行 vivo 苹果华为 <!DOCTYPE html> <html> <head ...
html层次选择器例题,详解强大的jQuery选择器之基本选择器、层次选择器
jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器.另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器(即选择器插件, ...
jquery 中多条件选择器,相对选择器,层次选择器的区别
一.Jquery常用的过滤选择器如下所示: 1.:first,选取第一个元素,比如$("div:first")选取第一个div元素 2.:last,选取最后一个元素,比如$(&qu ...
jquery的层次选择器
1.层次选择器 1.1.后代选择器:$("s h") s和h之间有一个空格 1.2.儿子选择器:$("s>h") s和h之间有一个> 1.3.相 ...

层次选择器[selector_2.html]

层次选择器[selector_2.html]相关推荐

最新文章

热门文章