jQuery
1.特點(diǎn):
小巧
功能強(qiáng)
跨瀏覽器
插件
2.使用
實(shí)際是js文件
a) 復(fù)制js到WebRoot
b) 頁(yè)面<script src="jquery.js" charset=""></script>
3.核心對(duì)象及常用方法和屬性
a)名稱
jQuery和$
用$找出來的對(duì)象叫jQuery對(duì)象
用document找出來的對(duì)象叫Dom對(duì)象
b)dom和jquery對(duì)象轉(zhuǎn)換
jQuery對(duì)象.get(0) --->dom對(duì)象
$(dom對(duì)象)--->jQuery對(duì)象
c)jQuery對(duì)象方法
.show() 顯示
.hide() 隱藏
.toggle() 顯示或隱藏切換
$("div").hide();
$("#myid").show();
$(".myclass").show(100);
.size() 找到多少個(gè)對(duì)象
var n = $("div").size()
文本框賦值(value)
$("#myid").val(123);
.val()取值
層的內(nèi)容.innerHTML/.innerText
$("div").html() ;
$("div").html(123);
$("div").html("<input type=button>");
$("div").text("<input type=button>");
樣式 document....style.color="red"
$("div").css("color","red").css("font-size","18");
$("div").css({color:"red","font-size":18});
刪除
$("div").remove(); 刪除所有div
添加
父加子: $("div").append("<input button>");
$("div").append( $("#myid") );
子加父
$("input").appendTo( $("div") );
對(duì)象屬性
$("input").attr("checked",true);
去首尾空格:
$.trim(字符串)
$("div").each( function(i,obj){} );
$.post(url,function(x){});
$.post(url,{鍵:值},function(x){});
$.getJSON(url,function(x){//這里x已轉(zhuǎn)成json了,不要用eval});
克隆
$("div").clone();
4. 選擇器
a) 類選擇器
<input type=text class="myclass">
$(".myclass") 找多個(gè)
b) id選擇器
<input type=text id="myid">
$("#myid") 找一個(gè)
相當(dāng)于:document.getElementById("myid")
c) 標(biāo)記選擇器 找多個(gè)
$("div,span")
相當(dāng)于document.getElementsByTagName()
d) 表單選擇器
$(":text") 所有文本框
$("input[type=text][value='']")
$(":radio") 所有單選框
$(":checkbox") 所有復(fù)選框
e) 表單屬性選擇器
$(":checkbox:checked")或$(":checked:checkbox")
$(":checked") 找所有選中(單選框和復(fù)選框)
$(":selected") 找所有選中列表框
f) 層級(jí)選擇器
父找子 d找c
$("table").find("tr") //找子孫都可以
$("table>tbody>tr") 找所有tr
$("table>tbody>tr:first") 找第一行
$("table>tbody>tr").eq(0) 找第一行
$("table>tbody>tr:odd") 所有奇數(shù)行
$("table>tbody>tr:even") 所有偶數(shù)行
子找父
$("tr").parent()
找兄弟
$(a).next() 下一個(gè)
$(b).prev() 上一個(gè)
聯(lián)系客服