1. 程式人生 > >學習jQuery

學習jQuery

lib 處理程序 ace html ffffff func status right script

學習地址:http://www.w3cschool.cn/jquery/

什麽是事件?

頁面對不同訪問者的響應叫做事件

事件處理程序指的是當html中發生某些事件時所調用的方法。

獲取文本: $(“#test”).text()

獲取html: $(“#test”).html()

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    alert("Text: " + $("#test").text());
  });
  $("#btn2").click(function(){
    alert("HTML: " + $("#test").html());
  });
});
</script>
</head>
<body>
<p id="test">這是段落中的 <b>粗體</b> 文本。</p>
<button id="btn1">顯示文本</button>
<button id="btn2">顯示 HTML</button>
</body>
</html>


jQuery選擇器

$(this) :當前的html元素

$(“p”):所有<P>的元素

$(“.test”):所有class=“test”的元素

$(“#test”):所有id =“test”的元素

jQuery - AJAX load() 方法

$(selector).load(URL,data,callback);

jQuery load() 方法

jQuery get()

jQuery post()方法

$("button").click(function(){
  $.post("demo_test_post.html",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Data: " + data + "nStatus: " + status);
  });
});

學習jQuery