一.jquery中text val html attr的使用區別
html和innerhtml是一樣的,可以獲得和設定指定元素如
中的html標籤和文字
如:設定值:
$("p").html("html標籤+文字");
獲得值:
$("p").html();
text和innertext是一樣的,可以獲得和設定文字
如:設定值:
$("p").text("html標籤+文字");
獲得值:
$("p").text();
val和value在使用上有一定的區別,通常在獲取和設定文字框的值時,推薦使用val,比如文字框
如:$("input").val("這是設定文字框的值");
$("input").val();//獲取文字框的值
//attr用來設定元素的各種屬性,比如
$("input").attr("value","admin");//給value屬性賦值,value通常是預定義值
$("input").attr("disable","true");//禁用文字框
注意value 屬性為 input 元素設定值。
對於不同的輸入型別,value 屬性的用法也不同:
type="button", "reset", "submit" - 定義按鈕上的顯示的文字
type="text", "password", "hidden" - 定義輸入欄位的初始值,對於設定或獲取文字框上的動態值,請使用$(***).val()和$(***).val(***x)方法
type="checkbox", "radio", "image" - 定義與輸入相關聯的值
注意 和 中必須設定 value 屬性。
同時需要說明的是value 屬性無法與 一同使用。
二.獲取jquery物件的標籤型別
//jquery 物件
$("#"+控制項id)[0]
//檢視控制項型別
$("#"+控制項id)[0].type
例項1:
< select id="ddl" >
< option >1< /option >
< option >2< /option >
< / select>
$("#ddl")[0].type;// select-one例項2:
< input type="text" id="txt" />
$("#txt")[0].type;//text三.jquery外掛程式開發
jquery為開發外掛程式提拱了兩個方法,分別是:
jquery.fn.extend(object); 給jquery物件新增方法。
jquery.extend(object); 為擴充套件jquery類本身.為類新增新的方法。
1 jquery.fn.extend(object);
fn 是什麼東西呢。檢視jquery**,就不難發現。
jquery.fn = jquery.prototype =
便為jquery新增乙個為 add的「靜態方法」,之後便可以在引入jquery的地方,使用這個方法了,如 $.add(3,4); //return 7
四.jquery中繫結change事件方法:
//方法1.html標籤中像使用onclick()方法一樣使用onchange()方法
//方法2
$("#tagid").change(function());//方法3
$("#tagid").on("change",function());//觸發change事件
$("#tagid").trigger("change");
五.利用jquery的selector獲取標籤並移除
$("small[attr1=remote][attr2=cnnm]:first").remove();
如上**,small為html標籤。含義為選取屬性鍵值為attr1=remote且attr2=cnnm的所有small標籤的第乙個,將其remove掉。
六.編寫jquery外掛程式實現在js指令碼中獲取url中的引數,類似於後台request.getparameter("***")
(function($) )(jquery);
使用示例:
var urlparam=$.geturlparam('username');
六款幫助你實現驚豔視差滾動效果的jQuery外掛程式
視差 parallax 是指從不同的點看乙個物體時形成的視覺差異,這個名詞是源自希臘文的 parallaxis 意思是改變 在網頁設計中,視差滾動 parallax scrolling 是當下流行的網頁設計技術,通過讓多層背景以不同的速度或者不同的方向移動來形成非常有趣的 3d 運動效果。下面是一些...
如何自己動手編譯自定義版本的最新jQuery類庫?
你是不是覺得jquery類庫不夠靈活,不像其它的框架或者類庫,例如,dojo那樣一樣可以動態的載入模組,或者你在你的專案中沒有使用jquery提供的所有功能,比如,不需要ajax相關功能,只需要dom相關的操作功能。那麼能不能給我們的jquery減 呢?在今天的這篇文章中,我們將介紹如何使用一些編譯...
Web開發人員必備的20款超讚的jQuery外掛程式
jquery的易擴充套件性吸引了來自全球的開發者來共同編寫jquery外掛程式。jquery外掛程式不僅能夠增強 的可用性,有效地改善使用者體驗,還可以大大減少開發時間。現在的jquery外掛程式很多,可以根據您的專案需要來選擇。這裡為您介紹20款非常不錯的外掛程式。lettering.js是乙個輕...