近几日总是在用js写一些东西,jq用的反而少了,最近在工作中总是会用到不常用的jQuery方法,之前觉得可能用到的情况比较少,便没在意这些方法,结果吃了亏,现在准备重新总结一些jQuery中的一些常用或者不常用的方法,这样工作的时候也会省下很多时间哦!!
首先介绍一下jQuery:
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 30.0px Helvetica }
span.s1 { }
jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多),jQuery使用户能更方便地处理HTML、实现动画效果,并且方便地为网站提供AJAX交互,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择,同时它还有很多优点主要体现在它的
1量级较轻,
2有很强大的选择器,
3出色的DOM操作,
4可靠的事件处理机制,
5完善的Ajax,
6出色的浏览器兼容,
7链式操作方式,
8丰富的插件支持,
9完善的文档,
10并且开源
以上优点让它在当前的前端形势下处于顶峰地位
jQuery有几个不同的版本主要包括
p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; text-align: justify; font: 28.0px Helvetica }
span.s1 { }
jQuery 1.x版兼容IE6/7/8，2.x版不兼容ie6/7/8，每个版本都有压缩版和未压缩版
jQuery可以分成一下几类
一.基本选择器
id class element * 组合选择器, 后代选择器"空格" 自带选择器> 紧邻选择器+ 同辈后面所有的元素~
形式:
$("#div").css({
width:"10px",
height:"10px"
});
二.基本过滤选择器
1选取那个(第一个/最后的/除了这个的/偶数/奇数)元素
:first :last :not :even :odd
:eq(index) 等于index从0开始 :gt(index)大于 :lt(index)(小于) index从0开始
形式: $("li:eq(2)").css("background","red");
2 选取紧邻的上(下)一个元素 选取含有内容为test的元素
next() prev() :contains() :empty :has(selector) :parent
形式: $("#wrap").next().css("background","red");
$("li:contains("选项2")").css("background","red");
三.属性过滤选择器
1 选取含有属性id/class的元素
id class
形式: $("li[id]").css("background","red");
2 选取属性(开头/结尾)为/不为...的元素
[attr=value] [attr!=value] [attr^=value] [attr$=value]
[attr=value] [attr*=value]
形式:$("[div^=d]").css("background","red");
四子元素选择器
1. 选取每个父元素的第一个子元素
nth-child(index/event/odd);
形式:$("li:nth-child(3)").css("background","red");
2. 选取每个父元素的(第一)/(最后)个子元素
:first-child :last-child
3. 选取 某个元素是他父元素中的唯一的子元素
:only-child
五.操作节点
append appendTo prepend prependTo 拼接到前面/后面
after insertafter before insertbefore 给所有..元素前面/后面插入div
形式: $(".footer")append(aDiv); ----(oDiv-被拼接的 .footer已有的节点)
aDiv.appendTo($(.footer))
对象模型
css() height() width() offset() offsetParent() position() scrollLeft() scrollTop()
以上即为常用或者不常用的jQuery的方法及属性,当然还有一些我见也没见过的一些属性和方法,欢迎补充哦0.0!!