Jquery自我总结
来源:互联网 发布:桌面天气软件 编辑:程序博客网 时间:2024/05/18 01:48
jquery顶级对象 缩写$1、$(document).ready(function(){})缩写 $(function(){})dom加载完成后触发window.onload只能注册一个方法页面所有内容加载完成后触发(图片,css,js都加载)2、jQuery对象(包装集) dom对象var div = document.getElementById("id") dom对象var div = $(".class") 包装集,对dom对象包装,返回的是很多个dom对象3、jQeury选择器$("#id")$(".class")$("input")复合选择器 $("#id,.class,input")*4 $(who).when(what) $("#btn").click(function(){})5、层次选择器$("div p") 包含选择器 div中所有的p 子元素 子子元素..$("div > p") 子后代选择器 div中直接子后代6、常用的方法html() text() val() attr() css() removeAttr()addClass() removeClass() toggleClass()7、简单选择器:first 选取第一个元素 $("div:first") :last 选取最后一个元素:not(选择器) 选取不满足“选择器”条件的元素$("div:not(#id)"):even、:odd,选取索引是奇数、偶数的元素:eq(索引序号)、:gt(索引序号)、:lt(索引序号) 8、设置样式addClass("myclass")(不影响其他样式)removeClass("myclass")移除样式toggleClass("myclass")如果存在样式则去掉样式,如果没有样式则添加样式hasClass("myclass")判断是否存在样式9、链式编程 $(this).css("background-color", "red").siblings().css("background-color", "white");---------------------------10、属性过滤选择器$("div[id]")选取有id属性$("div[title=test]")选取title属性为test的元素$("div[title!=test]")选取title属性不为test的元素etc....查看帮助11、表单选择器$(表单有的input标签$(":input")匹配所有 input, textarea, select 和 button 元素$(":text")匹配所有 匹配所有的单行文本框$(":checkbox")匹配所有复选框etc.....查看帮助11.5、表单属性选择器$(":checkbox:checked") 所有选中的checkbox12、动态创建Domvar link = $("<a href='http://www.baidu.com'>百度</a>");动态创建jquery对象,只是在内存中$("div:first").append(link); 把动态创建的jquery对象,加到第一个div中动态创建dom注意:var some = $("<div id='d1'>a<p></p>c</div>")$("#d1").text() 不可以,因为$("#d1")在窗体上去找对象了,但是some现在在内存中,还没加载到窗体当把动态创建的节点添加到窗体前,不能通过$("#d1")访问到它必须先把some追加到窗体$("div:first").append(some);才可以通过$("#d1") 中找到它append 把link元素追加到哪$("div:first").append(link); appendTo link.appendTo("div:first")在结束标签之前添加元素 加子节点直接把元素移动过去,并且包含所有事件prependprependTo在开始标签之后添加元素 加子节点afterafterTo在结束标签外添加元素 加兄弟节点beforebeforeTo在开始标签前添加元素 加兄弟节点13、删除节点remove() 删除当前节点empty() 清空当前节点之间的内容,节点保留14、*替换节点$(“br”).replaceWith(“<hr/>”); 15、*包裹节点wrap()将所有元素逐个用指定标签包裹------------------------------------------16、绑定事件绑定事件 $("#id").bind("click",function(){})解除绑定 $("#id").unbind("click",function(){})让事件只执行一次 $("#id").one("click",function(){})合成事件hover togglehover(enterfn,leavefn) 当鼠标放上时执行enterfn,当鼠标离开时执行leavefn 封装mouseover,mouseouttoggle(fn1,fn2) 当鼠标第一次点击时执行fn1,第二次点击执行fn2,以后依次执行 封装click17、事件冒泡mouseover、mouseenter mouseover会事件冒泡,mouseenter不会mouseout、mouseleavemouseleave会阻止事件冒泡阻止事件冒泡 $("#d1").click(function(e){ e.stopPropagation();})18、*事件参数pageX、pageYtarget 获得触发事件的元素(事件冒泡的起始) 相当于event.srcElementaltKey、shiftKey、ctrlKey当键盘按下 keyCode 键盘码、which ascii码当鼠标按下的时候which可以获取鼠标左右键(1,3)19、动画show()、hide()toggle() 切换显示隐藏slideDown、slideUp、 fadeOut、fadeInanimate 复杂动画20、插件-------1、选择器2、$(who).when(what)3、方法
0 0
- Jquery自我总结
- 自我总结
- 自我总结
- 自我总结
- 自我总结
- 自我总结
- 自我总结
- 自我总结。。。
- 自我总结
- 自我总结
- 自我总结
- 自我总结
- 自我总结
- 总结自我
- 自我总结
- 自我总结
- 自我总结
- 自我总结
- c++ 解决operator =自我赋值与申请空间失败的方法
- 做老板欣赏的优秀员工 十大准则你达标吗?
- 在VS2012中使用GitHub
- IOS学习高级课程(二)coredata
- 2014年5月5日开始的一周学习中遇到的问题与解答
- Jquery自我总结
- zookeeper常用sehll命令
- 解决DirectFB下的"No system found"
- 安卓开发的学习、发展、晋升之路
- MFC中用户界面线程的相关操作
- 管理拾穗:四眼原则
- Algorithm Gossip: 数字拆解
- Java开发中经常使用到的几种WebService技术实现方案
- JConsole详解