JQuery选择器
//javaScript 的一堆函数库jQuery(dom对象) //转换为jQuery对象$(dom对象) //转换为jQuery对象$(dom对象).ready(方法) //
$(document) // document对象 转换为jQuery对象$(‘body‘) // body对象 转换为jQuery对象ready加载元素后触发 比onload效率高onload加载元素慢$(function() { }); => $().ready() => $(document) //页面加载后触发;
$(function () {
$(‘#btn‘).click(function () {
//获取body中所有的元素
$(‘body *‘).css(‘backgroundColor‘,‘black‘);
});
});
$.map(数组,function(值参数,索引参数){ })//可以遍历 也可以返回新的数组//return 返回数组值$.each(数组,function(key,value){ }); //key键参数,value值参数//变量键值对 变量数组是不可以修改值//return fase 相当于break
$(dom对象).get(0);$(dom对象)[0]; //两种都可以
$(‘#id值‘) //id获取对象$(this).val() // this的value
//获取指定标签的类名为..的标签
$(‘标签名1 标签名2‘)
//标签名1的下一个同级元素//如果是 标签名2 就返回,不是就没有$(‘标签名1~标签名2‘)//标签名1的后面 的所有同级 标签名2$(‘标签名1~‘)//标签名1的后面 的所有同级 元素
对象.next(); //对象 后的第一个同级元素对象.nextAll(); //对象 后的所有同级元素对象.nextAll(‘p‘); //对象 后的所有同级 p标签 和‘~‘一样对象.prev(); //对象 前面的第一个同级元素对象.prevAll(); //对象 前面的所有同级元素对象.siblings(); //当前元素 的所有同级元素(不包含当前元素)
$(‘ul‘,‘#div‘)//在 #div 元素下搜索ul
$().parent(); //获取当前元素的父级元素$().children(‘li‘) //当前元素的li子元素//没有参数就是所有子元素$(‘body *‘) //body的所有元素#end
还原断链之前的元素(对象)$(this).prevAll()....end().nextAll()...->判断对象是否存在$(对象).length >0 //大于0存在
$(‘#ul2 li:gt(4):lt(2)‘)//先按获得的gt(4) 第5个按0开始算 gt(2)
->$(‘div:last‘)
//选取样式名不是myClass的<input>$(‘:not(div)‘) //标签不是div的元素
->$(‘input[name!=name1]‘)
$(:text) //获得文本框$(:checkbox) //获得复选选择框:button:radio:password
hidden选取所有不可见元素包括:(如果直接写:hidden则会包含head\title\script\style….)1.表单元素type=“hidden”(表示的是隐藏域)2.设置css的display:none3.高度和宽度明确设置为0的元素。4.父元素时隐藏的,所以子元素也是隐藏的visibility: hidden 与opacity为0不算,因为还占位所以不认为是hidden.(与之前版本jQuery不太一样,1.3.2之前):visible选取所有可见元素注意:$(‘.cls :hidden‘);与$(‘.cls:hidden‘);是不一样的。
$(‘div:contains(帅)‘)//获取层中 含有 帅 的层$(‘div:empty‘)//获取层中 内容为空(空格也没有的) 的层$(‘div:has(input)‘)//获取层中 含有a标签 的层$(‘div:parent‘) //父元素//即该元素有子元素或者元素中包含文本。s
$(‘ul li:first-child‘) //返回多个//所有ul 的第一个li元素$(‘ul li:first‘) //只返回一个//页面上第一个ul 的第一个li元素
$(‘ul li:last-child‘)//所有ul 的最后一个li元素$(‘ul li:last‘)//页面上第一个ul 的最后一个li元素
$(‘ul li:only-child‘)//所有ul 中只有一个子元素 的ul元素
,nth-child()为每个父元素都要匹配一个子元素。:nth-child(index),index从0开始。:nth-child(even):nth-child(odd):nth-child(3n),选取3的倍数的元素:nth-child(3n+1),满足3的倍数+1的元素。#en
元素数组.each(function(index,elem){ });//index是索引 elem是元素对象checkbox的遍历选择的和遍历不同组的radio
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。