jQuery--(3)选择器

时间 2019-11-06

原文原文链接

jQuery选择器包括
#1.元素选择器
$("p")：表示选取全部的<p>元素
$("p.info")：表示选择全部class="info"的<p>元素
$("p#demo")：表示选取全部id="info"的<p>元素
#2.属性选择器
$("[href]")：选择全部带有href属性的元素
$("[href='#']")：选择全部带有href属性值等于"#"的元素 #3.css选择器
该选择器能够改变html元素的css属性
以下是改变p元素的颜色为红色
$("p").css("background-color","red")
经常使用选择器实例
$(this)：选取的当前html元素
$("#test1")：表示选取id="test1"的元素javascript

实例css

<html>
<head>
<meta content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery-3.1.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#test1").click(function(){
  $(this).hide();
  });
});
</script>
</head>
<body>
<p id="test1">If you click on me, I will disappear.</p>
</body>
</html>