-
首先引入JQuey
<!--引用jquery的第一種方式 本地文件引入--> <script src="js/jquery-1.12.0.js" type="text/javascript" charset="utf-8"></script> <!--引用jquery的第二種方式 引入外部cdn地址的方式--> <script src="https://code.jquery.com/jquery-3.1.0.js"></script> -
jQuery的語法
$(selector).action();
$ 美元符號就是jQuery $是jQuery對象的別名
selector 選擇符 選擇和查找html元素
action jQuery對html進(jìn)行的操作
-
簡化寫法
$(document).ready(function(){ //等頁面加載完再解析jq語句 console.log("這是我的第一個jQuery程序"); });再簡化
$(function(){
console.log("這是我的第一個jQuery程序");
});例子：
//原生JS寫法
window.onload = function(){
var oP = document.getElementsByTagName("p");
for(var i=0; i<oP.length; i++){
oP[i].style.color = "red";
}
}JQ
//JQ簡化寫法
$(function(){
//jquery 鏈?zhǔn)綄懛?br> $("p").css("color","red").click(function(){
$(this).hide();
});
});//hide(); 隱藏 //show(); 顯示
