后发先至

导航

jquery选择器基础知识（复制w3c）

jQuery 元素选择器

jQuery 使用 CSS 选择器来选取 HTML 元素。

$("p") 选取 <p> 元素。

$("p.intro") 选取所有 class="intro" 的 <p> 元素。

$("p#demo") 选取所有 id="demo" 的 <p> 元素。

jQuery 属性选择器

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
    $("p").css("background-color","black");
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">click me</button>
</body>
</html>

使用元素选择器要选择相应的元素改变他的css属性的时候，要.css("css的需要被改变的一个属性","改变后的属性值");

posted on 2017-08-09 12:40  后发先至  阅读(111)  评论(0)    收藏  举报