jQuery中DOM常见操作是什么


本篇内容介绍了“jQuery中DOM常见操作是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!DOM属性操作属性列表DOM文档操作一、添加元素1、内部添加向当前元素的内部追加内容添加到末尾将当前元素在某元素内部追加。但由于会根据需要对当前元素进行移动,所以jQuery对象更改了,可用end()还原向当前元素的内部前置内容将当前元素在某元素内部前置。类似于appendTo(),会改变对象2、外部添加向当前元素之后插入内容将当前元素插入到某元素之后。类似于appendTo(),会改变对象向当前元素之前插入内容将当前元素插入到某元素之前。类似于appendTo(),会改变对象二、删除元素删除当前元素,该元素包含的文本内容和后代元素会一起删除掉,绑定的事件也不复存在同样是删除当前元素,但是绑定的事件还是存在的清空当前元素,该元素的文本内容和后代元素都将删除,但保留其本身三、替换元素移动页面上原有的元素来替换当前选定的页面元素,也可以添加新元素来替换用当前选定的元素来替换某元素,可以使页面上原有元素,也可以是新元素。同样会根据需要复制当前元素副本,从而更改jQuery对象DOM样式操作一丶概要通过JavaScript获取dom元素上的style属性,我们可以动态的给元素赋予样式属性。在jQuery中我们要动态的修改style属性我们只要使用css()方法就可以实现了二丶样式操作函数CSS()css()函数用于设置或返回当前jQuery对象所匹配的元素的css样式属性值,如果需要删除指定的css属性,使用函数将其值设为空字符串(“”)语法格式:height()用于设置或返回当前匹配元素的高度
语法格式:$("selector").height( [ value ] )
如果省略了value参数,则表示获取高度;如果指定了该参数,则表示设置高度。width()用于设置或返回当前匹免费云主机域名配元素的宽度
语法格式:$("selector").width( [ value ] )innerHeight(),innerWidth()置或返回当前匹配元素的内宽度或者高度语法格式:outerHeight(),outerWidht()获取当前匹配元素的外高度(外宽度)语法格式:DOM事件操作一丶事件APIjQuery对象的核心事件方法,核心事件函数,主要用于为元素的任意事件(包括自定义事件)添加、取消、触发绑定的一个或多个事件处理函数二丶方法on()方法说明:on()方法在被选元素及子元素上添加一个或多个事件处理程序。
语法:$(selector).on(event,childSelector,data,function,map)toggle([speed],[easing],[fn])说明: 用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的click事件。如果元素是可 见的,切换为隐藏的;如果元素是隐藏的,切换为可见的.
语法:$(selector).toggle(speed,easing,function)
参数:speed: 隐藏/显示 效果的速度。默认是 “0”毫秒。可能的值:slow,normal,fast。easing:可选参数。用来指定切换效果,默认是”swing”,可用参数”linear”。fn:在动画完成时执行的函数,每个元素执行一次。change([[data],fn])说明:当元素的值发生改变时,会发生change事件.该事件仅适用于文本域(text field),以及 textarea 和 select 元素。当用于 select 元素时,change事件会在选择某个选项时发生。当用于 text field 或 text area 时,该事件会在元素失去焦点时发生语法:$(selector).change(data,fn);click([[data],fn])说明: 触发每一个匹配元素的click事件。这个函数会调用执行绑定到click事件的所有函数。
语法:$(selector).click(data,fn);mouseover([[data],fn])说明: 当鼠标指针位于元素上方时,会发生mouseover事件。该事件大多数时候会与mouseout事件一起使用。
与mouseenter事件不同,不论鼠标指针穿过被选元素或其子元素,都会触发mouseover事件。只有在鼠标指针穿过被选元素时,才会触发mouseenter事件
语法:$(selector).mouseover(data,fn);mouseout([[data],fn])1.说明:当鼠标指针从元素上移开时,发生mouseout事件。该事件大多数时候会与mouseover事件一起使用。
语法:$(selector).mouseout(data,fn);select([[data],fn])说明: 当textarea或文本类型的input元素中的文本被选择时,会发生select事件
语法:$(selector).select(data,fn);“jQuery中DOM常见操作是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注百云主机网站,小编将为大家输出更多高质量的实用文章!

相关推荐: shell如何将ssh keys复制到user@host

这篇文章将为大家详细讲解有关shell如何将ssh keys复制到user@host,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。将 ssh keys 复制到 user@host 以启用无密码 SSH 登录。代码如下:1.r…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 08/01 16:29
Next 08/01 16:30

相关推荐