jquery學習01（入門）
阿新 • • 發佈：2019-01-08
基本語法
$(selector).action()$:定義jquery
selector：查詢或者查詢html元素
action()：執行對元素的操作
如：
$(this).hide() // 隱藏當前元素
$("p").hide() //隱藏所有段落
$(".test").hide()// 隱藏所有 class="test" 的所有元素
$("#test").hide() // 隱藏所有 id="test" 的元素文件就緒函式
$(document).ready(function){
// jquery function go here
} 目的：防止文件沒有完全載入前執行jquery
jquery選擇器
目標：選擇器如何準確的選擇希望的效果的元素
元素選擇器
$("p") // 選取 <p> 元素。
$("p.intro") //選取所有 class="intro" 的 <p> 元素。
$("p#demo") //選取所有 id="demo" 的 <p> 元素。jquery屬性選擇器
jQuery 使用 XPath 表示式來選擇帶有給定屬性的元素。
$("[href]") //選取所有帶有 href 屬性的元素。
$("[href='#']") //選取所有帶有 href 值等於 "#" 的元素。 jquery css選擇器
作用：改變css屬性值 如：
$("p").css("background-color","red");// 改變所有p元素的css屬性值為red其他：
jquery事件
jquery事件函式
位置：放在head中
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js" 分析：
當按鈕點選時觸發的函式是：
$("button").click(function(){.....}該方法是：
$("p").hide();l單獨檔案中的函式
<head>
<script src="jquery.js"></script>
<script src="my_jquery_fuction.js"></script>
</head>注意事項
把所有的jquery程式碼放在事件處理函式中
把所有的事件處理函式置於文件就緒事件處理器中
把jquery程式碼置於單獨的.js檔案中
名稱衝突後，重新命名jquery庫
jquery事件歸類：
