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