jQuery经典学习笔记

时间:2022-01-05 20:11:32

1.层次选择器:

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

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

2)过滤选择器

jQuery经典学习笔记
 $("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>元素
  
jQuery经典学习笔记

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);
      }

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