jQuery经典学习笔记

1.层次选择器：

 $("div> span")  获取div下的span元素

  $(".one + div") 获取class为one的下一个div

  2）过滤选择器

 $("div:first")  选取所有<div> 元素中的第一个元素

 $("div:last")   选取所有<div> 元素中的最后一个元素

 $(" input:not(.myclass) ")  选取class不是myclass的input元素

 $("input:even")  选取索引为偶数的<input>元素

 $("input:odd")    选取索引为奇数的<input>元素

 $("input:eq(1)")  选取索引等于1的<input>元素

 $("input:gt(1)")   选取索引大于1的<input>元素

 $("input:lt(1)")    选取索引小于1的<input>元素
  

3）内容过滤选择器

   

$("div:contains('我')")  选取含有文本“我”的div元素

$("div:has(p)") 选取含有P元素的div元素

-----------------------------------------------------------------------------------------------------------------------

2.单选框:

  $('input:radio[name="items"]:checked');

-----------------------------------------------------------------------------------------------------------------------

3.下拉框：

  $("select option:selected").text();

-----------------------------------------------------------------------------------------------------------------------

4.复选框：

  $("[name=items]:checkbox").attr('checked',true);

-----------------------------------------------------------------------------------------------------------------------

5. 获取上一级

  $("#xxx").parents("tr")

-----------------------------------------------------------------------------------------------------------------------

6.$.ajax函数

  $.ajax({

             type:"post",

             async:false,//同步才能修改外部变量

             url:" ",

             data:{xxx:xxx,yyy:yyy},

             success:function(data){

             }

           });

-----------------------------------------------------------------------------------------------------------------------

7./*--获取网页传递的参数--*/
function request(paras) {
var url = location.href;
var paraString = url.substring(url.indexOf("?") + 1, url.length).split("&");
var paraObj = {}
for (i = 0; j = paraString[i]; i++) {
paraObj[j.substring(0, j.indexOf("=")).toLowerCase()] = j.substring(j.indexOf("=") + 1, j.length);
}
var returnValue = paraObj[paras.toLowerCase()];
if (typeof (returnValue) == "undefined") {
return "";
} else {
return returnValue;
}
}

-----------------------------------------------------------------------------------------------------------------------

 8.var reg = /^[_a-zA-Z\d\-\.]+@[_a-zA-Z\d\-]+(\.[_a-zA-Z\d\-]+)+$/

    if(!reg.test($("#mail").val())

-----------------------------------------------------------------------------------------------------------------------

9.获取随机数

 function getRandom(n) {
          return Math.floor(Math.random()*n+1);
      }

-------------------------------------------------------------------------------------------------------------