abstract：基本知識(shí)JQuery就是JavaScript和查詢(xún)（Query），即是輔助JavaScript開(kāi)發(fā)的庫(kù)。文件類(lèi)型分為完整版和被編譯過(guò)的使用：在文件中新建文件夾，然后將JQuery包復(fù)制到文件夾中，引用$符號(hào)是JQuery的特有符號(hào)必須寫(xiě)選擇器例：<div id="div1" class="div1"><a>aaaaaaaaaaaaaa
基本知識(shí)
JQuery就是JavaScript和查詢(xún)（Query），即是輔助JavaScript開(kāi)發(fā)的庫(kù)。
文件類(lèi)型分為完整版和被編譯過(guò)的
使用：在文件中新建文件夾，然后將JQuery包復(fù)制到文件夾中，引用
$符號(hào)是JQuery的特有符號(hào)必須寫(xiě)
選擇器
例：
<div id="div1" class="div1">
<a>aaaaaaaaaaaaaa</a>
</div>
<div class="div"></div>
<div id="div2"></div>
基本選擇器
ID選擇器：$("#div1")
Class選擇器：$("div")
標(biāo)簽選擇器
并列：用逗號(hào)隔開(kāi) $("#div1,#div2")可以在后面加.css(樣式)
后代：用空格隔開(kāi)
過(guò)濾選擇器
基本過(guò)濾
首尾
$(".div:first/last ")
任意個(gè)
eq（索引號(hào)）$(".div：eq（）")
不等于
大于
：gt（）；$(".div：gt（）")
小于
：lt（）；$(".div：lt（）")
排除
$(".div：not（.div:eq（索引號(hào)））")
奇偶
$(".div:odd/even ")
屬性名過(guò)濾
$(".div[屬性名] ")
內(nèi)容過(guò)濾
文字 $(".div::contains("字符串")")
子元素 $(".div:has(選擇器)")
事件
常規(guī)事件
1.把js中的onclick的on去掉即可
格式：
$(".div").click(function(){
}); （雙擊dblclick）
復(fù)合事件
$(".div").hover(function(){
$(this).css("background-color","red");
}，function(){
$(this).css("background-color","white");
});(光棒)
$(".div").toggle(function(){
$(this).css("background-color","red");
},function(){
$(this).css("background-color","green");
},function(){
$(this).css("background-color","yellow");
},function(){
$(this).css("background-color","gray");
}); (不斷點(diǎn)擊切換)
事件冒泡
阻止時(shí)間冒泡：
$(".aa").click(function(){
return false;
})
DOM操作
操作內(nèi)容(改變內(nèi)容)
$("#a").click(function(){
$(this).text("bbbb");
});
文本框內(nèi)的內(nèi)容改變
$("#按鈕").click(function(){
$("#文本框").val("改變的內(nèi)容")；
$(this).val("按鈕改變的內(nèi)容")；
})
如果寫(xiě)到head里面要加上
$(document).ready(function(){
在內(nèi)部寫(xiě)
})
操作內(nèi)容
表單元素
取值：var s = $("選擇器").val()
賦值：$("選擇器").val("值")
非表單元素
取值：var s = $("選擇器").html(), var s = $("選擇器").text()
賦值：$("選擇器").html("內(nèi)容"), $("選擇器").text("內(nèi)容")
操作屬性
獲取屬性：var s = $("選擇器").attr("屬性名")
設(shè)置屬性：$("選擇器").attr("屬性名","屬性值")
刪除屬性：$("選擇器").removeAttr("屬性名")
操作樣式
操作內(nèi)聯(lián)樣式
獲取樣式：var s = $("選擇器").css("樣式名")
設(shè)置樣式：$("選擇器").css("樣式名","值")
操作樣式表的css
添加class：$("選擇器").addClass("class名")
移除class：$("選擇器").removeClass("class名")
添加移除交替class:$("選擇器").toggleClass("class名")
操作相關(guān)元素
例：<style type="text/css">
#div1{
width:400px;
height:400px;
background-color:red;
}
#div2{
width:300px;
height:300px;
background-color:blue;
}
#div3{
width:200px;
height:200px;
background-color:yellow;
}
<div id="div1">
<div id="div2">
<div id="div3">
</div>
</div>
</div>
查找
父、前輩
$("div3").click(function(){
var a=$(this).parent();
});(前一個(gè))
在parent后面加.parent就是再前一級(jí)
$("div3").click(function(){
var a=$(this).parents("#div1");
});(前輩)
子、后輩
$("div1").click(function(){
var a=$(this).children();（子）
});
$("div1").click(function(){
var a=$(this).find("#div3"); (后輩)
});
例：
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
兄弟
next后面一個(gè)元素 nextAll（所有的）（選擇器）后面兄弟級(jí)的元素
prev前面一個(gè)元素 prevAll（所有的）（選擇器）
$("div1").click(function(){
var a=$(this).next().next();
});
操作
新建
$("HTML字符串")
添加
（1）appen(jquery對(duì)象)內(nèi)部添加 （2）after(,..)下部平級(jí)添加（3）before("...") 上部平級(jí)添加
復(fù)制
clone()
移除
（1）empty()清空內(nèi)部全部元素 （2）remove()移除元素