<body>
<div id="div01" title="kk" style="width: 50px;height: 50px;background-color: antiquewhite;">
</div>
<br><br><br>
<div id="div02" style="width: 50px;height: 50px;background-color: rgb(57, 46, 212);"></div>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script>
var tiaoJian01 = false;
$("div[title][title!=kk]").click(function() {
$(this).hide();
})
</script>
</body>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="div01" title="kk">
<ul>
<li class="mm">div01 01</li>
<li>div01 02</li>
<li>div01 03</li>
</ul>
</div>
<br/>
<div id="div02">
<ul>
<li>div02 01</li>
<li>div02 02</li>
<li>div02 03</li>
</ul>
</div>
<div id="div03">
<ul>
<li>div03 01</li>
<li>div03 02</li>
<li>div03 03</li>
</ul>
</div>
<br/>
<div>xu hai tao</div>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js "></script>
<script>
// 选择带有title属性,并且title属性不为kk的div元素
// $("div[title][title!=kk] ").click(function() {
// $(this).hide();
// })
//第一个div元素
// $("div:first ").click(function() {
// $(this).hide();
// })
// $("div:eq(0) ").click(function() {
// $(this).hide();
// })
// $("div:lt(1) ").click(function() {
// $(this).hide();
// })
//所有紧跟着br元素之后的那个div元素(同层级)
// $("br + div ").click(function() {
// $(this).hide();
// })
//所有子孙中包含有li元素的div元素
// $("div:has(li)").click(function() {
// $(this).hide();
// })
//注意先搜再过滤,先搜出所有div中包含的li元素,然后取出第一个
// $("div li:eq(0)").click(function() {
// $(this).hide();
// })
//选择id为div01节点包含的所有li元素
// $("#div01 li").click(function() {
// $(this).hide();
// console.log($(this).index()); //取出当前点击元素在集合中的索引
// })
//搜索元素集合的个数
// console.log($("#div01 li").length);
// $("div li").click(function() {
// $(this).next().hide(); //从当前元素的平辈中,选择后面紧挨着自己的那一个
// console.log($(this).index()); //取出当前点击元素在所有平辈中排行老几
// })
// $("div li").click(function() {
// $(this).nextAll().hide(); //从当前元素的平辈中,选择后面的所有的元素
// console.log($(this).index()); //取出当前点击元素在所有平辈中排行老几
// })
// $("div li").click(function() {
// $(this).parent().hide(); //当前元素的父辈元素
// console.log($(this).index()); //当前点击元素在所有平辈中排行老几
// })
// $("div li").click(function() {
// $(this).siblings().hide(); //取出所有的同辈元素
// console.log($(this).index()); //当前点击元素在所有平辈中排行老几
// })
</script>
</body>
</html>
jquery核心方法是$,所传的参数有三种:
1 方法 文档加载完成后调用回调
2 选择器字符串 选择出元素后,返回jquery核心对象
3 dom元素 将dom元素封装成核心对象
FR:徐海涛(hunk xu)
QQ技术交流群: