首页 > 代码库 > 学习jQuery

学习jQuery

2024-09-21 19:25:10   220人阅读

学习地址：http://www.w3cschool.cn/jquery/

什么是事件？

页面对不同访问者的响应叫做事件

事件处理程序指的是当html中发生某些事件时所调用的方法。

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

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://www.mamicode.com/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






























        

            
                
                  
                
                

                    联系

                    我们