JQuery学习过程小知识积累

 

1.jquery获取元素的语法

语法                           描述
$(this)                        当前 HTML 元素
$("p")                         所有 <p> 元素
$("p.intro")                   所有 class="intro" 的 <p> 元素
$(".intro")                    所有 class="intro" 的元素
$("#intro")                    id="intro" 的元素
$("ul li:first")               每个 <ul> 的第一个 <li> 元素
$("[href$='.jpg']")            所有带有以 ".jpg" 结尾的属性值的 href 属性
$("div#intro .head")           id="intro" 的 <div> 元素中的所有 class="head" 的元素

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9

自我总结：

$("a")得到的是标签<a>并不是id=a   id用#获取      class用.获取
即写法为： $("p.id")	/  $("p#class")  

• 1
• 2

---

2.Jquery以及ajax

    1.$.post，$.get是jquery对ajax进行封装后的写法.
    2.$.ajax({
       // 属性
      });
      是用jquery调用ajax的写法。
    3.简单请求用第一种，需要指定一些特殊属性则需第二种

示例：

    <button id="post1">DoPost</button>

    <script>
        // post 
        var postResponse;
        $("button#post1").click(function(){
            $.ajax({
                  type: 'POST',
                  contentType: "application/json;charset=utf-8",
                  url:  basepath + "user/bind",
                  // 要post json数据,一定要转换类型 否则格式为a=2&b=3&now=14...
                  data: JSON.stringify({ 
                        "userName":"名",
                        "credits":3,
                        "password":"asdasd"
                        }),
                  // 相当于Accept application/xml
                  dataType: "json", 
                  success: function(data,status){
                            postResponse = data;
                            alert("Data:" + postResponse.userName + "\n" 
                                          + postResponse.credits + "\n" 
                                          + + postResponse.password 
                                          + "\n" + "\nStatus:" + status );
                            }
                });
        });
        </script>