jQuery简介
- jQuery是一个JavaScript库
- jQuery极大地简化了JavaScript编程
- jQuery库可以通过一行简单的标记被添加到网页中
jQuery 库 - 特性
jQuery是一个JavaScript函数库
- HTML元素选取
- HTML元素操作
- CSS操作
- HTML事件函数
- JavaScript 特效和动画
- HTML DOM遍历和修改
- AJAX
向页面添加jQuery库
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
jQuery 语法
$(this).hide() //隐藏当前的HTML元素
$("#test").hide() //隐藏id="test"的元素
$("p").hide() //隐藏所有<p>元素
$(".test").hide() //隐藏所有class="test"的元素
元素选择器
jQuery使用CSS选择器来选取HTML元素
$(“p”)选取<p>元素
$("p.demo) 选取所有class="demo"的<p>元素
$(“p#demo”)选取所有id="demo"的<p>元素
属性选择器
//jQuery 使用 XPath 表达式来选择带有给定属性的元素。
$("[href]") //选取所有带有 href 属性的元素。
$("[href='#']") //选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") //选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") //选取所有 href 值以 ".jpg" 结尾的元素。