JQuery是什么睛挚?它是JavaScript框架闻坚,什么是框架,簡(jiǎn)單的來說就是約束你使用JavaScript的庫讳癌。
你受他約束它就是框架序攘,你不受它約束它就是一個(gè)庫茴她,所以很好理解,你只要遵循它的使用規(guī)則程奠,你就可以使用JQuery的一些功能特性丈牢。
如何學(xué)習(xí)JQuery
==最好的方法就是看文檔,沒有之一瞄沙,英文沒關(guān)系己沛,瀏覽器都有一個(gè)功能,那就是網(wǎng)頁翻譯==
點(diǎn)擊進(jìn)入JQuery官網(wǎng)
如何使用JQuery
在官網(wǎng)下載JQuery.js到你的項(xiàng)目中去距境,即可使用申尼,其實(shí)你可以看成是自己寫的一個(gè).js代碼庫,插入到代碼中之后直接使用就行了垫桂。
//可以在<head>標(biāo)簽中加入以下代碼
<script src="../js/jquery.js"></script>
//這個(gè)是你自己寫的JavaScript代碼师幕,要是用到j(luò)query.js庫注意先后順序
<script src="../js/Utils.js"></script>
如何保證自己的代碼中完全加載jquery.js后再來執(zhí)行
//Utils.js文件
$(document).ready(function(){
});
//也可以簡(jiǎn)化成
$(function(){
});
//$符號(hào)代表的就是jQuery自身,ready方法中傳入一個(gè)回調(diào)函數(shù)用于回調(diào)(也就是閉包)
click事件綁定
//可以使用jQuery為標(biāo)簽綁定事件诬滩,用法如下
//demo.html中
<body>
<p id="show"></p>
<script src="../js/Utils.js"></script>
</body>
//Util.js
$(document).ready(function(){
$("#show").click(function(){
alert("show");
});
});
使用jQuery獲取元素
提示:在JavaScript中獲取一個(gè)元素可以用DOM霹粥,document.getElementById("aid"),或者document.getElementByClassName("aclass"),class的選擇器是.開頭(英文句號(hào)),id的選擇器是#開頭疼鸟。
下面是使用jquery的方式
//Utils.js
//使用jquery就需要使用jquery對(duì)象的方法
$(document).ready(function(){
alert($("#aid").html());
//類選擇器的時(shí)候,:eq(0)可以選擇數(shù)組中的第幾個(gè)元素
alert($(".yourclass:eq(0)").html());
//html()中直接寫入?yún)?shù)可以直接更改HTML中的文本
alert($(".yourclass:eq(0)").html("hello"));
})
其他復(fù)雜用法請(qǐng)自行復(fù)習(xí)JavaScript選擇器后控。
==jquery中很多方法的實(shí)現(xiàn)實(shí)現(xiàn)是("name").click(function(){ alert("ok") })==