jQuery快速入门
jquery快速入門
jQuery的作用：1.取得頁面中的元素；2.修改頁面的外觀；3.改變頁面的內容；4.響應用戶的頁面操作；5.為頁面添加動態效果；6.無須刷新頁面即可從服務器獲取數據；7.簡化常見的js任務。
$是jquery專用的特殊符號，可以說所有jquery函數的調用都是從$開始的$()在jquery里面表示一個選擇器，括號里面填寫一定的表達式就可以選中你想要的元素，jquery的選擇器除了能很好地遵循css的表達式外，還額外提供了一些更個性化的選擇方式，比如$("div li:nth-child(2)")選中的是div中的第2個li元素。 關于選擇器的更多用法可以百度一下jquery的api$(document)是一個選擇器，選中的是整個html所有元素的集合。$(function(){..})等于document.ready事件，即在頁面所有元素準備完畢之后，載入頁面之前執行本方法$()在jquery里面表示一個選擇器，括號里面填寫一定的表達式就可以選中你想要的元素，jquery的選擇器除了能很好地遵循css的表達式外，還額外提供了一些更個性化的選擇方式，比如$("div li:nth-child(2)")選中的是div中的第2個li元素。 關于選擇器的更多用法可以百度一下jquery的api$(document)是一個選擇器，選中的是整個html所有元素的集合。$(function(){..})等于document.ready事件，即在頁面所有元素準備完畢之后，載入頁面之前執行本方法 ---------------------------------------------------------------------------------------------------------------------------------- ?<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
</body>
</html>
以上案例解釋：當按鈕的點擊事件被觸發時調用相關函數。
$(document).ready(function)
這是為了防止文檔在完全加載（就緒）之前運行 jQuery 代碼。
當 DOM（文檔對象模型） 已經加載，并且頁面（包括圖像）已經完全呈現時，會發生 ready 事件。
由于該事件在文檔就緒后發生，因此把所有其他的 jQuery 事件和函數置于該事件中是非常好的做法。正如上面的例子中那樣。
ready() 函數規定當 ready 事件發生時執行的代碼。
ready() 函數僅能用于當前文檔，因此無需選擇器。
----------------------------------------------------------------------------------------------------------------------------------------------
從此處開始，進入jquery代碼快。
?
$("p").click(function(){}?
jQuery 語法是為 HTML 元素的選取編制的，可以對元素執行某些操作。
?
基礎語法是：$(selector).action()
?
- 美元符號定義 jQuery
- 選擇符（selector）“查詢”和“查找” HTML 元素
- jQuery 的 action() 執行對元素的操作
----------------------------------------------------------------------------------------------------------------------------------
?jQuery 元素選擇器
jQuery 使用 CSS 選擇器來選取 HTML 元素。
$("p") 選取 <p> 元素。
$("p.intro") 選取所有 class="intro" 的 <p> 元素。
$("p#demo") 選取所有 id="demo" 的 <p> 元素。
jQuery 屬性選擇器
jQuery 使用 XPath 表達式來選擇帶有給定屬性的元素。
$("[href]") 選取所有帶有 href 屬性的元素。
$("[href='#']") 選取所有帶有 href 值等于 "#" 的元素。
$("[href!='#']") 選取所有帶有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。
jQuery CSS 選擇器
jQuery CSS 選擇器可用于改變 HTML 元素的 CSS 屬性。
下面的例子把所有 p 元素的背景顏色更改為紅色：
實例
$("p").css("background-color","red");?
?
?
ajax() 方法通過 HTTP 請求加載遠程數據。
該方法是 jQuery 底層 AJAX 實現。簡單易用的高層實現見 $.get, $.post 等。$.ajax() 返回其創建的 XMLHttpRequest 對象。大多數情況下你無需直接操作該函數，除非你需要操作不常用的選項，以獲得更多的靈活性。
最簡單的情況下，$.ajax() 可以不帶任何參數直接使用。
注意：所有的選項都可以通過 $.ajaxSetup() 函數來全局設置。
總結
以上是生活随笔為你收集整理的jQuery快速入门的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： jQuery快速学习
- 下一篇： BAT 才不关心币价，19年的5大重点在