jquery API學(xué)習(xí)(1)
一、jquery核心函數(shù)的學(xué)習(xí)1、jQuery(exp,[context]),這個函數(shù)接受一個包含css選擇器的字符串,然后用這個字符串去匹配一組元素,通俗的講,exp參數(shù)是要匹配的表達(dá)式,context是匹配的范圍,可以是dom元素,文檔或者jquery對象。
jQuery的核心功能都是通過這個函數(shù)實現(xiàn)的,
例子:
a.找到所有p元素,并且這些元素都是div元素的子元素
HTML代碼:<p>guoxzh</p><div><p>guoxiaozheng</p></div><p>guoxzh</p.
jQuery代碼:$("div>p")
b.在文檔的第一個表單中,查找所有的當(dāng)選按鈕
HTML代碼:是帶有type值為radio的input元素
JQuery代碼:$("input:radio",document.forms[0]);
c.在一個有AJAX返回的xml文檔中,查找所有的div元素
$("div",xml.responseXML);
2.jQuery(html)根據(jù)提供的原始的HTMl標(biāo)記字符串,動態(tài)創(chuàng)建有jQuery對象包含的Dom元素,你可以傳遞一個手寫的 HTML 字符串,或者由某些模板引擎或插件創(chuàng)建的字符串,也可以是通過 AJAX 加載過來的字符串。但是在你創(chuàng)建 input 元素的時會有限制,可以參考第二個示例。當(dāng)然這個字符串可以包含斜杠 (比如一個圖像地址),還有反斜杠。當(dāng)你創(chuàng)建單個元素時,請使用閉合標(biāo)簽或 XHTML 格式。例如,創(chuàng)建一個 span ,可以用 $("<span/>") 或 $("<span></span>") ,但不推薦 $("<span>");
返回值:
JQuery
參數(shù):
用于動態(tài)創(chuàng)建dom元素的HTML標(biāo)簽的字符串,
例子:
a.動態(tài)創(chuàng)建一個div元素,追加到body里
jQuery代碼:
$("<div><input type="text" name="name" value=""></div>").appendTo("body");
b.創(chuàng)建一個<input>元素必須同時設(shè)定type屬性,
jQuery代碼:
IE中無效
$("<input>").attr("type","checkbox");
在IE中有效
$("<input type='checkbox'>");
3.jQuery(element)將一個或多個元素DOM元素轉(zhuǎn)化為jQuery對象
這個函數(shù)也可以接收XML文檔和Window對象(雖然它們不是DOM元素)作為有效的參數(shù)。
返回值:jQuery
例子:
a.設(shè)置頁面的背景色
jQuery代碼:
$("document.body").css("background","black");
b.隱藏一個表單中所有元素
jQuery代碼:
$("myForm.elements").hide();
posted on 2008-11-30 15:48 forgood 閱讀(564) 評論(0) 編輯 收藏 所屬分類: jquery