$("li:first") -->选择器:first 当前选择器第一个
$("li:eq(1)") -->选择器:eq()中是下标,筛选第几个
$("li:gt(1)") -->选择器:gt() 大于当前的下标后的
$("li:lt(1)") -->选择器:lt(1) 小于当前的索引的前的
$("li").first -->选择器:first 当前选择器第一个
$("li").eq(1) -->选择器:eq()中是下标,筛选第几个
$("li").gt(1) -->选择器:gt() 大于当前的下标后的
$("li").:lt(1) -->选择器:lt(1) 小于当前的索引的前的
属性选择器:
$("[type='text']") -->属性选择器,按属性进行选择,可选择自定义的属性
查找:
$(".aaa").children("p") -->查找子代的p标签
$("aaa").find("p") -->查找后代的P标签
.next -->下一个
.nextAll -->后面所有
.nextUntil() -->下一个一直到区间用id,class之类的
.prey -->上一个
.preyAll -->前面所有
.preyUntil() -->前一个一直到区间用id,class之类的
.parent --> 父层
.parents --> 所有外层
.parentUntil --> 向外层一直到区间
.siblings -->当前父标签下除了本身之外的
.hasClass --->返回布尔值
.attr("","") -->一个参数可以取属性的值。第二个参数可以修改属性的值,一般用于自定义的属性
prop("") -->一个参数可以取属性的值。第二个参数可以修改属性的值,一般用于系统自带的属性
.html -->取出所有文本,连标签一起
.text -->取出所有文本,不带标签
.remove -->移除
.val('') -->取value的值,参数可修改值
循环:
.each()
$("P").each(function(){
$(this) -->用$(this)挨个取出
})
创建标签: var $ele=$("<h1></h1>")
在标签中添加:$ele.html("")
内部插入:
.append("") 插入标签内部(追加) $ele.append
appendTo 添加内容到父级标签(追加) $ele.appendTo("父标签"),将$ele的内容添加到父标签
prepend 添加到前面
prependTo 添加内容到父标签,在前面显示
外部插入:
.after() 插入到标签后面
.before() 插入到标签前面
.insertAfter 加入到父标签的后面
.insertBefore 加入到父标签的前面
替换:
$("P").replaceWith($ele) 用ele替换P 标签
清空与删除
.empty 清空内容,本身还在 $("div").empty() div本身还在
.remove 删除 $("div").remove() div也被删除
复制:
.clone
$(document).ready(function(){ 等待整个页面加载完后执行代码,可以将js写在前面
})
动画效果
显示:.show()
隐藏:.hide() 括号中是事件时间
切换: .toggle()
上下滑动显示:slidDown()
上下滑动隐藏:slidUp()
上下滑动切换:slidToggle()
淡入淡出显示:fadeIn()
淡入淡出隐藏:fadeOut()
淡入淡出切换:fadeToggle()
淡入淡出加参数:fadeTo(1000,0.4) fadeto有两个参数,时间和变化后的透明度
自定义函数:.entend()