jQuery 使用個人心得
更新時間:2009年02月26日 22:16:24 作者:
下面是jquery比較常用的一些操作實現(xiàn)方式。
$("標簽名") //取html元素 document.getElementsByTagName("")
$("#ID") //取單個控件document.getElementById("")
$("div #ID") //取某個控件中 控件
$("#ID #ID") // 通過控件ID取其中的控件
$("標簽.class樣式名") //通過class來取控件
$("#ID").val(); //取value值
$("#ID").val(""); //賦值
$("#ID").hide(); //隱藏
$("#ID").show(); //顯示
$("#ID").text(); //相當于取innerHTML
$("#ID").text(""); //相當于innerHTML=""
$("#ID").css("屬性","值") //添加CSS樣式
$("form#表單id").find("#所找控件id").end() //遍歷表單
$("#ID").load("*.html") //載入一個文件
例如:
$("form#frmMain").find("#ne").css("border", "1px solid #0f0").end() // end()返回表單
.find("#chenes").css("border-top","3px dotted #00f").end()
$.ajax({ url: "Result.aspx", //數(shù)據(jù)請求頁面的url
type:"get", //數(shù)據(jù)傳遞方式(get或post)
dataType:"html", //期待數(shù)據(jù)返回的數(shù)據(jù)格式(例如 "xml", "html", "script",或 "json")
data: "chen=h", //傳遞數(shù)據(jù)的參數(shù)字符串,只適合get方式
timeout:3000, //設置時間延遲請求的時間
success:function(msg)//當請求成功時觸發(fā)函數(shù)
{
$("#stats").text(msg);
},
error:function(msg) //當請求失敗時觸發(fā)的函數(shù)
{
$("#stats").text(msg);
}
});
$(document).ready(function(){
$("#description").mouseover(function(){
//ajax方法
$.get( "Result.aspx", //數(shù)據(jù)請求頁面的url
{ chen: "測試",age:"25"}, //傳遞數(shù)據(jù)的參數(shù)字符串
function(data){ alert("Data Loaded: " + data); } //觸發(fā)后的函數(shù)
);
});
});
//取得下拉選單的選取值
$(#testSelect option:selected').text(); //取文本值
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();
SELECT * FROM JOBS a WHERE not EXISTS(SELECT 1 FROM JOBS B WHERE a.job_id<b.job_id and B.MIN_LVL=A.MIN_LVL)
SELECT * FROM JOBS a WHERE EXISTS(SELECT 1 FROM JOBS B WHERE a.job_id<b.job_id and B.MIN_LVL=A.MIN_LVL)
$("#ID") //取單個控件document.getElementById("")
$("div #ID") //取某個控件中 控件
$("#ID #ID") // 通過控件ID取其中的控件
$("標簽.class樣式名") //通過class來取控件
$("#ID").val(); //取value值
$("#ID").val(""); //賦值
$("#ID").hide(); //隱藏
$("#ID").show(); //顯示
$("#ID").text(); //相當于取innerHTML
$("#ID").text(""); //相當于innerHTML=""
$("#ID").css("屬性","值") //添加CSS樣式
$("form#表單id").find("#所找控件id").end() //遍歷表單
$("#ID").load("*.html") //載入一個文件
例如:
$("form#frmMain").find("#ne").css("border", "1px solid #0f0").end() // end()返回表單
.find("#chenes").css("border-top","3px dotted #00f").end()
$.ajax({ url: "Result.aspx", //數(shù)據(jù)請求頁面的url
type:"get", //數(shù)據(jù)傳遞方式(get或post)
dataType:"html", //期待數(shù)據(jù)返回的數(shù)據(jù)格式(例如 "xml", "html", "script",或 "json")
data: "chen=h", //傳遞數(shù)據(jù)的參數(shù)字符串,只適合get方式
timeout:3000, //設置時間延遲請求的時間
success:function(msg)//當請求成功時觸發(fā)函數(shù)
{
$("#stats").text(msg);
},
error:function(msg) //當請求失敗時觸發(fā)的函數(shù)
{
$("#stats").text(msg);
}
});
$(document).ready(function(){
$("#description").mouseover(function(){
//ajax方法
$.get( "Result.aspx", //數(shù)據(jù)請求頁面的url
{ chen: "測試",age:"25"}, //傳遞數(shù)據(jù)的參數(shù)字符串
function(data){ alert("Data Loaded: " + data); } //觸發(fā)后的函數(shù)
);
});
});
//取得下拉選單的選取值
$(#testSelect option:selected').text(); //取文本值
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();
SELECT * FROM JOBS a WHERE not EXISTS(SELECT 1 FROM JOBS B WHERE a.job_id<b.job_id and B.MIN_LVL=A.MIN_LVL)
SELECT * FROM JOBS a WHERE EXISTS(SELECT 1 FROM JOBS B WHERE a.job_id<b.job_id and B.MIN_LVL=A.MIN_LVL)
您可能感興趣的文章:
- 全面詳細的jQuery常見開發(fā)技巧手冊
- 60個很實用的jQuery代碼開發(fā)技巧收集
- 30個經典的jQuery代碼開發(fā)技巧
- jQuery常見開發(fā)技巧詳細整理
- Web前端新人筆記之jquery入門心得(新手必看)
- jquery easyui使用心得
- jQuery Ajax使用心得詳細整理及注意事項
- 關于jQuery UI 使用心得及技巧
- php+jquery編碼方面的一些心得(utf-8 gb2312)
- Jquery ThickBox插件使用心得(不建議使用)
- 關于Jqzoom的使用心得 jquery放大鏡效果插件
- jQuery 研究心得 取得屬性的值
- 15個值得開發(fā)人員關注的jQuery開發(fā)技巧和心得總結【經典收藏】
相關文章
jquery教程限制文本框只能輸入數(shù)字和小數(shù)點示例分享
這篇文章主要介紹了JQuery限制文本框只能輸入數(shù)字和小數(shù)點的方法,大家參考使用吧2014-01-01jQuery Ajax傳值到Servlet出現(xiàn)亂碼問題的解決方法
jquery ajax 傳值給Servlet,在Servlet里Get接受參數(shù)亂碼,怎么解決呢?下面小編給大家?guī)砹薺query ajax傳值到Servlet出現(xiàn)亂碼問題的解決方法,一起看看吧2016-10-10jquery 通過ajax請求獲取后臺數(shù)據(jù)顯示在表格上的方法
今天小編就為大家分享一篇jquery 通過ajax請求獲取后臺數(shù)據(jù)顯示在表格上的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08與jquery serializeArray()一起使用的函數(shù),主要來方便提交表單
與jquery serializeArray()一起使用的函數(shù),主要來方便提交表單,需要的朋友可以參考下。2011-01-01jQuery實現(xiàn)的鼠標拖動浮層功能示例【拖動div等任何標簽】
這篇文章主要介紹了jQuery實現(xiàn)的鼠標拖動浮層功能,可實現(xiàn)拖動div等任何標簽的效果,涉及jQuery事件響應及頁面元素屬性動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下2018-12-12jquery實現(xiàn)動態(tài)創(chuàng)建form并提交的方法示例
這篇文章主要介紹了jquery實現(xiàn)動態(tài)創(chuàng)建form并提交的方法,結合實例形式分析了jQuery form表單創(chuàng)建與提交相關操作技巧,需要的朋友可以參考下2019-05-05