现在的位置: 首页 > 综合 > 正文

JQuery-基础学习1

2018年06月09日 ⁄ 综合 ⁄ 共 649字 ⁄ 字号 评论关闭

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元素的背景颜色更改为红色。

【上篇】
【下篇】

抱歉!评论已关闭.