JQuery - first/last child selector

時間 2019-12-07

原文原文鏈接

<html>
<head>
<title>jQuery first child and last child example</title>
 
<script type="text/javascript" src="jquery-1.9.1.js"></script>
</head>
 
<body>
 
<h1>jQuery first child and last child example</h1>
 
<ul>
	<li>li #1</li>
	<li>li #2</li>
	<li>li #3</li>
	<li>li #4</li>
	<li>li #5</li>
</ul>
 
<button>li:first-child</button>
<button>li:last-child</button>
 
<script type="text/javascript">
    $("button").click(function () {
      var str = $(this).text();
      $("li").css("background", "white");
      $(str).css("background", "coral");
    });
</script>
 
</body>
</html>

1. nth child selector
2. jQuery Selector
3. JQuery - only child
4. Jquery $(selector,Object)
5. JQuery empty selector
6. JQuery警告：Duplicated jQuery selector
7. jquery逆向css selector path生成
8. Jquery $(selector).on( )的新理解
9. jQuery Raion, Select, CheckBox selector function
10. CSS selector
更多相關文章...
• XML Schema selector 元素 - XML Schema 教程
• jQuery Mobile 表格 - jQuery Mobile 教程
• YAML 入門教程
• Github 簡明教程

相關標籤/搜索

checkbox+label+selector