jQuery库包含以下特征:
● HTML 元素选取
● HTML 元素操作
● CSS 操作
● HTML 事件函数
● JavaScript 特效和动画
● HTML DOM 遍历和修改
● AJAX
● Utilities
(this).hide()演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 ("#test").hide()演示 jQuery hide() 函数,隐藏 id=“test” 的元素。
("p").hide()演示 jQuery hide() 函数,隐藏所有< p>元素。 (".test").hide()演示 jQuery hide() 函数,隐藏所有 class=“test” 的元素。
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” 结尾的元素。
$(this) | 当前 HTML 元素 |
---|---|
$(“p”) | 所有 < p> 元素 |
$(“p.intro”) | 所有 class=“intro” 的 < p> 元素 |
$(".intro") | 所有 class=“intro” 的元素 |
$("#intro") | id=“intro” 的元素 |
$(“ul li:first”) | 每个 < ul> 的第一个 < li> 元素 |
=’.jpg’]") | 所有带有以 “.jpg” 结尾的属性值的 href 属性 |
$(“div#intro .head”) | id=“intro” 的 < div> 元素中的所有 class=“head” 的元素 |
jQuery 事件
Event 函数 | 绑定函数至 |
---|---|
$(document).ready(function) | 将函数绑定到文档的就绪事件(当文档完成加载时) |
$(selector).click(function) | 触发或将函数绑定到被选元素的点击事件 |
$(selector).dblclick(function) | 触发或将函数绑定到被选元素的双击事件 |
$(selector).focus(function) | 触发或将函数绑定到被选元素的获得焦点事件 |
$(selector).mouseover(function) | 触发或将函数绑定到被选元素的鼠标悬停事件 |
© 著作权归作者所有
发表评论