jquery获取元素的⼏种⽅法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--引⼊jquery -->
<script src ='jquery-1.10.1.min.js'></script>
<script>
/*
选择⽹页元素上（获取页⾯上的元素节点）
1、模拟css选择⽹页元素(基本上所有获取⽹页元素的⽅法都可以在这⾥⽤)
原⽣JS来说：
document.querySelector()
document.querySelectorAll();
jquery提供了⼀个⾮常好⽤的获取⽹页元素的⽅法：
$();
.
css("样式属性", "样式属性的值");  设置元素节点的css样式
*/
//id = "#div1"
// $("#div1").css("backgroundColor", 'red')；到所有的id为div1的元素
// class = 'box'
// $(".box").css("backgroundColor", 'blue')；到所有class为box的元素
// 标签名 = li
// $("li").css("backgroundColor", 'orange');
//name = hello
// $("[name=hello]").css("backgroundColor", 'green');
/jquery在一个元素后追加标签
/ $("ol li.box").css("backgroundColor", "pink");
$("[title=world]").css("backgroundColor",'red');
}
</script>
</head>
<body>
<div id ='div1' title ='world'>div1</div>
<ul>
<li class='box' title ='world'></li>
<li></li>
<li name ='hello'></li>
<li></li>
<li class='box'></li>
</ul>
<ol>
<li name ='hello'></li>
<li class='box'></li>
<li name ='hello'></li>
</ol>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。