juqery的一些简单用法

层级选择器(重点)、基本过滤选择器

:eq(index) 选择匹配到的元素中索引号为index的一个元素,index从0开始

:odd 选择匹配到的元素中索引号为奇数的所有元素,index从0开始

:even 选择匹配到的元素中索引号为偶数的所有元素,index从0开始

案例:$(“li:eq(2)”).css(“color”, ”red”)

筛选选择器(方法)(重点)

find(selector) 查找指定元素的所有后代元素(子子孙孙)

children() 查找指定元素的直接子元素(亲儿子元素)

siblings()  查找所有兄弟元素(不包括自己)

parent()  查找父元素(亲的)

eq(index)

index() 获取指定元素的索引号(从0开始的)

例:$(“#j_wrap”).find(“li”).css(“color”, “red”);选择id为j_wrap的所有后代元素li

JQuery方法(样式):

css() 设置或获取元素的样式属性值

addClass(className) 为指定元素添加类className

removeClass(className) 为指定元素移除类 className 如果不写参数会移除所有类名

hasClass(calssName) 判断指定元素是否包含类 className 返回true或false

toggleClass(className) 为指定元素切换类 className,该元素有类则移除,没有指定类则添加。

JQuery方法(动画):

 show(2000) 让匹配的元素展示出来 参数为执行时间单位为毫秒 参数也可以是 slow normal fast

 show(2000,callback) 第二个参数为执行结束的回调函数;如果只是显示元素

 hide()隐藏元素 用法同上

 slideDown 元素下拉显示

 slideUp 元素上拉隐藏    

 slideToggle()滑入滑出出切换效果

 fadeIn() fadeOut() 淡入淡出 fadeToggle() 元素淡入淡出切换效果

 fadeTo(1000,0.5)透明度变化效果 第一个参数是时间 第二个是透明度

 animate({params},time,callback) 动画 参数一元素的属性 参数二执行时间

 stop() 停止当前正在执行的动画

JQuery节点:

append() 在元素中追加内容

appendTo(arg) 将调用方法的元素追加到arg中

prepend() 在元素的第一个子元素前面追加内容或节点

after() 在被选元素之后,作为兄弟元素插入内容或节点

before() 在被选元素之前,作为兄弟元素插入内容或节点

html() 设置或返回所选元素的html内容 推荐设置内容或者清空内容

remove() 清空元素包括自己

clone() 复制元素

attr() 获取属性或者设置属性

removeAttr() 移除属性

val()  设置或返回表单元素的值 传参可以传入要设置的值

text()  设置或获取匹配元素的文本内容 传参可以传入要设置的值

height() 设置或获取匹配元素的高度值  获取是 返回的高度是数值可以用于计算

offset()  获取或设置元素相对于文档左上角的位置

scrollTop() 获取或者设置元素垂直方向滚动的位置

scrollLeft() 获取或者设置元素水平方向滚动的位置

原文地址:https://www.cnblogs.com/bicycle-lei/p/6443050.html