red); jQuery 选择器 JQUERY的基本使用方法
#筹备事情
在官网下载JQUERY库
将库在你需要的网页上引用1
2
3
<head>
<script src="jquery.js"></script>
</head>
#Jquery的根基语法
所有Jquery代码都需在如下代码里运行
12
3
$(function(){
--- jQuery functions go here ----
})
大抵语法
12
3
4
5
根本语法是：$(selector).action()
美元标记界说 jQuery
选择符（selector）“盘问”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操纵
示例
2
3
4
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落 大专栏 JQUERY的根基使用要领
$(".test").hide() - 隐藏所有 class="test" 的所有元素
$("#test").hide() - 隐藏所有 id="test" 的元素
#Jquery 选择器
元素选择器
12
3
$("p") 拔取 <p> 元素。
$("p.intro") 拔取所有 class="intro" 的 <p> 元素。
$("p#demo") 拔取所有 id="demo" 的 <p> 元素。
属性选择器
12
3
4
$("[href]") 拔取所有带有 href 属性的元素。
$("[href='#']") 拔取所有带有 href 值即是 "#" 的元素。
$("[href!='#']") 拔取所有带有 href 值不即是 "#" 的元素。
$("[href$='.jpg']") 拔取所有 href 值以 ".jpg" 结尾的元素。
CSS 选择器
1$("p").css("background-color","red");
jQuery 选择器
JQUERY的根基使用要领
，温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/30787.html
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")