JQuery学习记录

JQuery三种选择器：

  1.JQuery元素选择器：

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

$("p")选择 <p>元素；

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

        $("p#demo")选择所有ID=“demo"的<p>元素;

  2.JQuery属性选择器：

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

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

     $("[href='#']")选择所有带有href='#'属性的元素；

     $("[href!='#']")选择所有href!='#'属性的元素；

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

  3.JQuery CSS选择器：

jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性

$("p").css("background-color","red");

更多的选择器实例

语法	描述
$(this)	当前 HTML 元素
$("p")	所有 <p> 元素
$("p.intro")	所有 class="intro" 的 <p> 元素
$(".intro")	所有 class="intro" 的元素
$("#intro")	id="intro" 的元素
$("ul li:first")	每个 <ul> 的第一个 <li> 元素
$("[href$='.jpg']")	所有带有以 ".jpg" 结尾的属性值的 href 属性
$("div#intro .head")	id="intro" 的 <div> 元素中的所有 class="head" 的元素