学习jQuery

学习地址：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);
  });
});