Jquery
来源:互联网 发布:碣石鱼刺车行淘宝 编辑:程序博客网 时间:2024/05/18 12:44
1.attr prop功能基本一样,但是attr可以设置自定义属性
返回属性:$("#c").prop("name");修改属性:$("#c").prop("name","1");删除属性:$("#c").removeProp("name");
特殊情况:当前对象为checkbox的时候,一般会有prop而不是attr
2.addClass 一个或多个要添加到元素中的CSS类名,请用空格分开
$("p").addClass("selected1 selected2");$("p").removeClass("selected");toggleClass 如果存在(不存在)就删除(添加)一个类我通常用来判断一个类是否拥有某种class属性,来做某些处理。
3.html和text val
html():简单的说 识别html认识的。html(val):设置每一个匹配元素的html内容text():纯文本内容。text(val):设置所有匹配元素的文本内容val():input select radio checkbox;val(val):设置值
筛选
1.eq 获取第N个元素,从0开始
$("input[name='3']").eq(1).attr("name");还可以这样写 $("input[name='3']:eq(1)").attr("name");不过这样的话eq就不是方法而是选择器
2.first() 获取第一个元素
$("li").first();
last() 获取最后个元素
$(“li”).last();
3.hasClass 检查当前的元素是否含有某个特定的类,如果有,则返回true
$("li").hasClass("a");
4.has和is
has"$('li').has('ul').css('background-color', 'red');//含有ul的li标签都会变红is:根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。 $("#a").closest("li").is("li");
5.filter和find
filter:将匹配的全部找出来,在筛选(包括自己)$("li").filter(".a") 保留第一个以及带有select类的元素find:不包括自己
6.children
拿到的是子代元素。但是子代元素里面包含的内容也可以拿到
7.parent和parents
parent:的取值很明确,就是当前元素的父元素(只取上一级的) $('p').parent()//取到的是div2,div3,div4 $('p').parent('.a')parents:则是当前元素的祖先元素 $('p').parents()//取到的是div1,div2,div3,div4(其中div1为最外层的)
8.next和nextAll
next:同级元素中紧贴着的后面一个nextAll():同级元素中后面所有的
9.closest
从元素本身开始,逐级向上级元素匹配,并返回最先匹配的元素。。(自己也可以匹配上的)$("#a").closest("li");
文档处理
1.append和appendTo
append:前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo:前面是要插入的元素内容且为Jquery对象,而后面是要选择的对象 其实简单的理解,就是一个主动一个被动的关系
2.prepend和prependTo
从第一个元素往前加
3.after 在每个匹配的元素之后插入内容。
before:在每个匹配的元素之前插入内容。
4.empty:指定元素中的所有子节点
remove:是把其从dom中删除,而不会保留其所占的位置。
$(“div#intro .head”) id=”intro” 的 div 元素中的所有 class=”head” 的元素parent() 返回被选元素的直接父元素。parents() 返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (html)。parentsUntil() 返回介于两个给定元素之间的所有祖先元素$("span").parentsUntil("div");children() 返回被选元素的所有直接子元素。siblings() 返回被选元素的所有同胞元素。filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。
事件
1.on 方法在被选元素及子元素上添加一个或多个事件处理程序
$("table").on('click','button',function(){ })
效果
visibility :hide (隐藏但是占位置)
工具
1.用each循环的时候,如果return true –>>break return false –>>continue
- $(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)
- $(selector).click(function(){….some code}….) 触发或将函数绑定到被选元素的点击事件
- $(selector).dblclick(function(){….some code}….) 触发或将函数绑定到被选元素的双击事件
- $(selector).focus(function(){….some code}….) 触发或将函数绑定到被选元素的获得焦点事件
- $(selector).mouseover(function(){….some code}….)触发或将函数绑定到被选元素的鼠标悬停事件
阅读全文
0 0
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQuery
- JQUERY
- jquery
- jQuery
- jquery
- jquery
- 运维知识体系V2.0-赵班长
- 解决:The user operation is waiting for "Building workplace" to complete
- github学习
- TLS/SSL 协议详解 (27) SSL 随机数的作用
- linux下杀死进程(kill)的N种方法
- Jquery
- Eclipse中添加web dynamic project
- 管家婆创业版 v3.5.1.13 官方版
- 无限轮播.简洁版Banner
- Unexpected token in JSON at position 0
- bzoj1051 [HAOI2006]受欢迎的牛(tarjan求强连通分量)
- Android网络数据解析之Jsoup
- head dump分析
- 随便写写传传吧