JQuery基礎(chǔ)語法小結(jié)
更新時間：2015年02月27日 15:02:12 投稿：hebedich
在日常開發(fā)中JQuery是我們使用最頻繁的JS庫。使用JQuery進行開發(fā)，你需要先了解JQuery的基本語法。下面是在學(xué)習(xí)JQuery時總結(jié)的一些簡單語法。
1、$(document)將document對象轉(zhuǎn)換為jquery
復(fù)制代碼 代碼如下:
$(document).ready(function(){
alert("hello world");
});
2、獲取所有的超鏈接對象，并且增加onclick事件；其實在底層jquery對象獲得的每個標(biāo)簽的數(shù)組，因此我們不需要進行循環(huán)了
復(fù)制代碼 代碼如下:
$(document).ready(function(){
$("a").click(function(){
alert("hello world");
});
});
3、jquery對象與dom對象之間的轉(zhuǎn)換
復(fù)制代碼 代碼如下:
$(document).ready(function(){
var javascriptElement = document.getElementById("clickme");
//將dom對象轉(zhuǎn)換為jquery對象
var jqueryElement = $(javascriptElement);
//alert("javascript:" + javascriptElement.innerHTML);//innerHTML獲取標(biāo)簽的內(nèi)容
//alert("jquery:" + jqueryElement.html());
//將jquery轉(zhuǎn)換為dom對象方式一
var jElement = $("#clickme");
var javascriptEle = jElement[0];
alert("jquery1: " + javascriptEle.innerHTML);
//方式二
var javascriptEle2 = jElement.get(0);
alert("jquery2: " + javascriptEle2.innerHTML);
});
4、jquery解決id值是否存在的問題
復(fù)制代碼 代碼如下:
<a id="hello">click me</a>
<script type="text/javascript">
//以傳統(tǒng)方式解決id為空方式一
if(document.getElementById("helllo")) {
//如果hello不存在會出錯
document.getElementById("helllo").style.color ="red";
}
//方式二
//$("#hello")[0].style.color="red";
//用jquery解決
$("#hello").css("color","red");
//如果只有一個參數(shù)，則此方法是讀，如果是兩個參數(shù)則是些功能（css（“”），css（“”，“”））
alert($("#hello").css("color"));
</script>
5、在javascript中規(guī)定，你要操作css屬性時要將屬性中的‘-'去掉，同時把后一個字母大寫；如：background-color 要改成 backgroundColor
6、jquery中也使用選擇器來操縱各種各樣的元素。是繼承了css的設(shè)計理念，但是把它更是發(fā)揚光大了；
7、jquery的幾種書寫形式
1> 方式一
復(fù)制代碼 代碼如下:
$("document").ready(function(){
...
});
2> 方式二
復(fù)制代碼 代碼如下:
$().ready(function(){
...
});
3> 方式三
復(fù)制代碼 代碼如下:
$(function(){
...
});
以上幾種方式是一樣的
希望本文所述對大家學(xué)習(xí)jquery程序設(shè)計能有所幫助。
您可能感興趣的文章:
- ASP.NET jQuery 實例13 原創(chuàng)jQuery文本框字符限制插件-TextArea Counter
- jQuery實用基礎(chǔ)超詳細介紹
- jQuery 文本框得失焦點的簡單實例
- jquery基礎(chǔ)教程之?dāng)?shù)組使用詳解
- jQuery基礎(chǔ)知識小結(jié)
- jQuery基礎(chǔ)語法實例入門
- jQuery入門介紹之基礎(chǔ)知識
- JQuery中使文本框獲得焦點的方法實例分析
- JQuery中基礎(chǔ)過濾選擇器用法實例分析
- jQuery入門基礎(chǔ)知識學(xué)習(xí)指南
- Jquery基礎(chǔ)教程之DOM操作
- jQuery實現(xiàn)動態(tài)表單驗證時文本框抖動效果完整實例
- JQuery入門基礎(chǔ)小實例(1)
相關(guān)文章
jquery判斷checkbox是否選中及改變checkbox狀態(tài)的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨query判斷checkbox是否選中及改變checkbox狀態(tài)的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
JQEasy-ui在IE9以下版本中二次加載的問題分析及處理方法
之前項目中才用了Easy-ui，但是在同時使用tree和grid的效果時，因為頁面有倆個URL,分別為Ajax樹去后臺取數(shù)據(jù)和Grid取數(shù)據(jù)，在IE9以上以及其他瀏覽器里都沒有問題，在Ie低版本時會出現(xiàn)先加載表格，然后一閃而過加載樹渲染頁面，造成頁面只有tree數(shù)據(jù)而沒有表格grid數(shù)據(jù)。2014-06-06
Jquery中dialog屬性小記，使用jquery dialog的朋友可以參考下。2010-09-09
這篇文章主要介紹了jQuery實現(xiàn)圖片走馬燈效果的原理,結(jié)合實例形式較為詳細的分析了jQuery實現(xiàn)走馬燈的相關(guān)html頁面設(shè)計、css樣式布局與jQuery相關(guān)函數(shù)的使用,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了jQuery實現(xiàn)的簡單圖片輪播效果,結(jié)合完整實例形式分析了jQuery結(jié)合時間函數(shù)與隨機數(shù)運算操作頁面元素動態(tài)變換相關(guān)實現(xiàn)技巧,具有不動方向滑動、淡入淡出等切換效果,代碼非常簡單實用,需要的朋友可以參考下2018-02-02
jquery編寫彈出信息提示條并延時滑出動畫實現(xiàn)示例
這篇文章主要為大家介紹了jquery編寫彈出信息提示條并延時滑出動畫實現(xiàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
這篇文章主要介紹了jQuery each和js forEach用法,結(jié)合實例形式對比分析了jQuery each和js forEach具體使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2019-02-02
這篇文章主要介紹了jquery控制顯示服務(wù)器生成的圖片流,需要的朋友可以參考下2015-08-08
通過這篇文章你可以得到以下收獲JQUERY操作JSON的一些實現(xiàn)方法。2010-02-02
使用jquery的ajax需要注意的地方dataType的設(shè)置
沒有設(shè)置dataType:'json',就出現(xiàn)無法解析返回的data數(shù)據(jù)，會把data當(dāng)作字符串處理，而不是json對象，記得以前是不用設(shè)dataType的，很奇怪，不知道是不是跟jquery版本有關(guān)系2013-08-08