jquery笔记

来源：互联网发布：c语言unicode转字符串编辑：程序博客网时间：2024/06/06 05:10

jQuery html操作

获取设置内容

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值

$("#btn1").click(function(){

$("#test1").text(function(i,origText){

return origText;

});

获取设置属性attr()

$("button").click(function(){

$("#w3s").attr({

"href" :"http://www.w3school.com.cn/jquery",

"title" :"W3School jQuery Tutorial"

});

添加新的元素/内容

append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容

删除元素

remove() - 删除被选元素（及其子元素）可以接受选择器 $("p").remove(".italic");
empty() - 从被选元素中删除子元素

操作css

jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些：
addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性

处理尺寸

width()
height()
innerWidth()
innerHeight()
outerWidth()
outerHeight()

jQuery遍历

向上遍历父节点

parent() 方法返回被选元素的直接父元素
parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)
parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素

向下遍历子节点

children() 方法返回被选元素的所有直接子元素
find() 方法返回被选元素的后代元素，一路向下直到最后一个后代

水平遍历

siblings() 方法返回被选元素的所有同胞元素可以过滤
next() 方法返回被选元素的下一个同胞元素
nextAll() 方法返回被选元素的所有跟随的同胞元素
nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素
prev() 先前遍历
prevAll()
prevUntil()

元素过滤

first() 第一个子元素
last() 最后一个子元素
eq() 指定index的子元素
filter() 符合的将被匹配
not() 符合的将不被匹配

jQuery选择器

层次选择器

空格：$('parent childchild')表示获取parent下的所有的child节点（所有的子孙）。

大于号：$('parent > child')表示获取parent下的所有child的儿子( 第一代)。

加号：$('pre + nextbrother')表示获得pre节点的下一个兄弟节点，相当于next()方法

波浪号：$('pre ~ brother')表示获取pre节点的后面的所有兄弟节点，相当于nextAll()方法。

过滤选择器

:first 选择第一个元素

:last 选择最后一个元素

:not(selector) 去除选择器匹配的元素

:even 选取索引为偶数的元素

:odd 选取索引为奇数的元素

:eq(index) 选取索引等于index的元素

:gt(index) 选取索引大于index的元素

:lt(index) 选取索引小于index的元素

:header 选取所有标题元素，比如h1，h2，h3

:animated

:focus

阅读全文

0 0