JQuery 是一个快速、简洁的JavaScript框架。其设计宗旨是“write less,do more”,及提倡写更少的代码,做更多的事情。它封装了JavaScript
常用的功能代码,提供一种简洁的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互
语言特点:
代码精致 代码小巧,最新版本JQuery代码文件压缩之后只有20K左右
函数强大 JavaScript为不开编译语言,复杂的结构中调试是非常痛苦的事情,大大降低了开发效率,使用JQuery能快速实现开发的各种需求,代码优雅、整洁
跨浏览器 JavaScript兼容性较差,而JQuery则具有强大兼容性
插件丰富 网上下载JQuery插件方便,且插件将JS代码和HTML分离,便于维护
元素选择器
#id
$("#test")
id="test"的元素\
element
$("p")
所有<p>元素
.class
$(".class")
所有class="into"的元素
.class.class
$(".into.demo")
所有class="into"且class="demo"的元素
属性选择器
[attribute]
$("[href]")
所有带href的元素
[attribute=value]
$("[href='#']")
所有带href属性值等于#的元素
[attribute!=value]
所有带href属性值不等于#的元素
[attribute^=value]
所有带href属性值以#开头的元素
位置选择器
:first
$("p:first")
第一个<p>元素
:last
最后一个<p>元素
:gt(no)
$("p:gt(3)")
列出index大于3的p元素
:lt(no)
$("p:lt(3)")
列出index小于3的p元素