-
首先引入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进行的操作
-
简化写法
$(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 链式写法
$("p").css("color","red").click(function(){
$(this).hide();
});
});//hide(); 隐藏 //show(); 显示
