JQuery-基础学习1

1）JQuery语法

jquery语法是为HTML元素的选取编制，可以对元素执行某些操作。

基础语法是:$(selector).action()

美元符号定义JQuery

选择符(selector)"查询"和“查找”HTML元素

JQuery action（）执行对元素的操作

如：

$(this).hide()表示隐藏当前元素

$("p").hide()表示隐藏所有段落

$("p.test").hide()表示隐藏所有class="test"的段落

$("#test").hide()表示隐藏所有id="test"的元素

2)JQuery选择器

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"结尾的元素

JQuery css选择器

JQuery css选择器可用于改变HTML元素的css属性

如:$("p").css("background-color","red");表示把所有p元素的背景颜色更改为红色。