JQuery学习之路Part2：用选择器获取元素

JQuery基本语法都会带有$美元符号
该符号可以修改：

var jq=jQuery.noConflict()

如此 就可以用jq代替美元符号了

---

Jquery获取元素

元素选择器

语法大致与JavaScript相同

$(“p”)：获取所有<p>元素

$(“div,p,li”)：查找全部<div>标签和<p>标签和<li>标签

$(“div p li”)：查找<div>标签里的<p>标签里的<li>标签

$(".intro")：获取所有class="intro"的元素

$(“div .dd”)：在<div>里查找类名为dd的元素

$(“p.intro”)：获取所有class="intro"的<p>元素

$(“p#demo”)：获取所有id="demo"的<p>元素

$(“ul li:first”)：获取每个<ul>的第一个<li>元素

$(“p>p”)：查找<p>元素下所有<p>元素

---

属性选择器

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

$("[href=’#’]") ：获取所有带有href值且值等于"#"的元素

$("[href!=’#’]")：获取所有带有href值且值不等于"#"的元素

$("[href$=’.jpg’]")：获取所有href值以".jpg"结尾的元素

---

奇偶选择器

$(“li:odd”)：查找所有li标签中的奇数位的元素(从0开始)
(巧记：odd三个字母：奇数)

$(“li:even”)：查找所有li标签中的偶数位的元素(从0开始)
(巧记：even四个字母：偶数)

---

指定选择器

$(“li:eq()”)：查找所有li标签中的指定位置的元素

---

css选择器

$(“p”).css(“background-color”,“red”)：查找css样式background-color为red的p标签

---

获取当前HTML元素

(function内常用)

$(this)

---

$("[href$=’.jpg’]")：获取所有带有以".jpg"结尾的属性值的href属性的元素

$(“div#intro .head”)：获取id="intro"的<div>元素中的所有class="head"的元素

---