Jquery 基礎(chǔ)學(xué)習(xí)筆記
更新時(shí)間:2009年05月29日 20:36:14 作者:
此筆記只是作為本人學(xué)習(xí)JQuery的隨手筆記,稍微做了一下整理,希望對新人有參考價(jià)值。
1、屬性: 為所有匹配的元素設(shè)置一個(gè)計(jì)算的屬性值
//為所有的input添加屬性class="btn"
//$("input").attr("class","btn");
2、CSS:為每個(gè)匹配的元素添加指定的類名
//對所有的提交按鈕添加樣式
$("input:submit").addClass("btn");
3、值:獲得第一個(gè)匹配元素的當(dāng)前值
//取的某一按鈕的值
//alert($("#Button1").val());
4、Html代碼:取得第一個(gè)匹配元素的html內(nèi)容。這個(gè)函數(shù)不能用于XML文檔。但可以用于XHTML文檔。
//輸出div之間的html代碼
//alert($("#div1").html());
//對Div中的html重新賦值
//$("#div1").html("<input type='text'/>");
5、文本:取得所有匹配元素的內(nèi)容。
結(jié)果是由所有匹配元素包含的文本內(nèi)容組合起來的文本。這個(gè)方法對HTML和XML文檔都有效。
//輸出div之間的文本值
//alert($("#div1").text());
//對div中的文本重新賦值
//$("#div1").text("100");
6、 //單選按鈕選中
$("#select1").val("選項(xiàng)2");
// if( $("#select1").val()=='選項(xiàng)2')
// {
// alert("你選擇了選項(xiàng)2");
// }
7、將一個(gè)或多個(gè)DOM元素轉(zhuǎn)化為jQuery對象
//設(shè)置頁面背景色
$(document.body).css("background","#c0c0c0");
//隱藏一個(gè)表單中所有元素 【不可用】
//$(div.elements).hide();
8、each用法 以每一個(gè)匹配的元素作為上下文來執(zhí)行一個(gè)函數(shù)
// $("button").click(function () {
// $("div").each(function (index, domEle) {
// // domEle == this
// $(domEle).css("backgroundColor", "yellow");
// if ($(this).is("#stop")) {
// $("span").text("Stopped at div index #" + index);
// return false;
// }
// });
// });
9、這個(gè)函數(shù)的返回值與 jQuery 對象的'length' 屬性一致
//button的個(gè)數(shù)
//alert($("input:submit").size()+" and "+$("input:submit").length);
10、 取得所有匹配的 DOM 元素集合
//alert($("input").get().reverse());
//取得其中一個(gè)匹配的元素。 num表示取得第幾個(gè)匹配的元素
//alert($("input").get(1));
//為所有的input添加屬性class="btn"
//$("input").attr("class","btn");
2、CSS:為每個(gè)匹配的元素添加指定的類名
//對所有的提交按鈕添加樣式
$("input:submit").addClass("btn");
3、值:獲得第一個(gè)匹配元素的當(dāng)前值
//取的某一按鈕的值
//alert($("#Button1").val());
4、Html代碼:取得第一個(gè)匹配元素的html內(nèi)容。這個(gè)函數(shù)不能用于XML文檔。但可以用于XHTML文檔。
//輸出div之間的html代碼
//alert($("#div1").html());
//對Div中的html重新賦值
//$("#div1").html("<input type='text'/>");
5、文本:取得所有匹配元素的內(nèi)容。
結(jié)果是由所有匹配元素包含的文本內(nèi)容組合起來的文本。這個(gè)方法對HTML和XML文檔都有效。
//輸出div之間的文本值
//alert($("#div1").text());
//對div中的文本重新賦值
//$("#div1").text("100");
6、 //單選按鈕選中
$("#select1").val("選項(xiàng)2");
// if( $("#select1").val()=='選項(xiàng)2')
// {
// alert("你選擇了選項(xiàng)2");
// }
7、將一個(gè)或多個(gè)DOM元素轉(zhuǎn)化為jQuery對象
//設(shè)置頁面背景色
$(document.body).css("background","#c0c0c0");
//隱藏一個(gè)表單中所有元素 【不可用】
//$(div.elements).hide();
8、each用法 以每一個(gè)匹配的元素作為上下文來執(zhí)行一個(gè)函數(shù)
// $("button").click(function () {
// $("div").each(function (index, domEle) {
// // domEle == this
// $(domEle).css("backgroundColor", "yellow");
// if ($(this).is("#stop")) {
// $("span").text("Stopped at div index #" + index);
// return false;
// }
// });
// });
9、這個(gè)函數(shù)的返回值與 jQuery 對象的'length' 屬性一致
//button的個(gè)數(shù)
//alert($("input:submit").size()+" and "+$("input:submit").length);
10、 取得所有匹配的 DOM 元素集合
//alert($("input").get().reverse());
//取得其中一個(gè)匹配的元素。 num表示取得第幾個(gè)匹配的元素
//alert($("input").get(1));
相關(guān)文章
jQuery基于正則表達(dá)式的表單驗(yàn)證功能示例
這篇文章主要介紹了jQuery基于正則表達(dá)式的表單驗(yàn)證功能,包括針對字符串、郵件、網(wǎng)址、電話等常見正則驗(yàn)證操作技巧,需要的朋友可以參考下2017-01-01
jQuery實(shí)現(xiàn)加入收藏夾功能(主流瀏覽器兼職)
jQuery實(shí)現(xiàn)加入收藏夾功能,代碼比較簡單,兼容主流瀏覽器,下面給大家分享下2016-12-12
讓jQuery Mobile不顯示討厭loading界面的方法
jQuery Mobile總是顯示討厭的loading界面,下面有個(gè)不錯(cuò)的解決方法,大家可以參考下2014-02-02
制作高質(zhì)量的JQuery Plugin 插件的方法
最近jquery非常流行,想個(gè)性化定制一些功能,就可以將代碼寫成插件的形式,方便使用與修改。2010-04-04
jQuery使用$.ajax進(jìn)行異步刷新的方法(附demo下載)
這篇文章主要介紹了jQuery使用$.ajax進(jìn)行異步刷新的方法,涉及jQuery實(shí)現(xiàn)ajax異步刷新實(shí)現(xiàn)數(shù)據(jù)交互的相關(guān)技巧,并提供了完整示例demo供讀者下載參考,需要的朋友可以參考下2015-12-12

