1.用jQuery检查某个元素在网页上是否存在时,不能使用以下代码:
if((“#tt”))
{
//do something
}
而应该根据获取到元素的长度来判断,代码如下:
if((“tt”).length > 0)
{
//do something
}
或者转化成DOM对象来判断,代码如下
if($(“#tt”)[0])
{
//do something
}
next()方法代替(‘prev+next′)选择器2.对DOM节点的操作(1)插入节点append()向每个匹配的元素内容追加内容appendTo()将所有匹配的元素追加到指定的元素中after()在每个匹配的元素之后插入内容insertAfter()将所有匹配的元素插入到指定元素的后面before()在每个匹配的元素之前插入内容insertBefore()将所有匹配的元素插入到指定的元素的前面(2)删除节点remove()清空节点empty()复制节点clone()传递一个参数true使复制的元素也具有复制功能(3)获取属性attr(”要获取的属性”)删除属性removeAttr()(4)追加样式addClass()移除样式removeClass()切换样式toggle()toggleBtn.toggle(function(){ //toggle()交替一组动作
//显示元素
},function(){
//隐藏元素
})
(5)判断是否含有某个样式 hasClass()
(6)设置和获取HTML、文本和值
html()类似于innerHTML属性
注:html()方法可以用于XHTML文档,但不能用于XML文档
text() 类似于innerText属性
val() 类似于placeholder属性
(7)遍历节点
children() 用于取得匹配元素的子元素集合
next()用于取得匹配元素后面紧邻的同辈元素
prev()用于取得匹配元素前面紧邻的元素
siblings() 用于取得匹配元素前后所有的同辈元素
closest() 用来取得最近的匹配元素
(8)window.onload方法是在网页中所有的元素完全加载到浏览器后才执行,即JavaScript此时
才可以访问网页中的任何元素。
$(document).ready()方法注册的事件处理程序,在DOM完全就绪时就可以被调用
2.事件绑定 bind()
事件移除 unbind([type][,data])
show() hide()可以实现显示隐藏功能
fadeIn()和fadeOut()方法只改变元素的不透明度
slideDown() slideUp()改变元素的高度
3.事件冒泡
停止事件冒泡 event.stopPropagation()
阻止默认行为 event.preventDefault()
注:如果想同时对事件对象停止冒泡和默认行为,可以在事件处理函数中返回false
jQuery不支持事件捕获
4.自定义简单动画 animate()
注:使一个元素动起来,要更改元素的left样式属性。在使用animate()方法之前,为了能影响该元素的top、left、bottom和right样式属性,必须先把元素的position样式设置为relative或absolute。
锋利的jQuery
最新推荐文章于 2020-02-13 22:07:50 发布