位置: 编程技术 - 正文

jQuery随手笔记之常用的jQuery操作DOM事件(jquery 随机函数)

编辑:rootadmin

推荐整理分享jQuery随手笔记之常用的jQuery操作DOM事件(jquery 随机函数),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery 手册,jquery生成随机数,jquery随机数字,jquery 随机函数,jquery 随机函数,jquery随机数字,jquery随机数字,jquery随机数字,内容如对您有帮助,希望把文章链接给更多的朋友!

 Dom是Document Object Model的缩写,意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口,使用该接口可以轻松访问页面中所有的标准组件。

DOM操作可以分为三个方面即DOM Core(核心)、HTM-DOM和CSS-DOM。

jQuery DOM 元素方法

函数 描述 .get() 获得由选择器指定的 DOM 元素。 .index() 返回指定元素相对于其他指定元素的 index 位置。 .size() 返回被 jQuery 选择器匹配的元素的数量。 .toArray() 以数组的形式返回 jQuery 选择器匹配的元素。

1.attr() .removeAttr()

.attr() 方法可以传入一个名值对的参数,也可以传入一个包含2个以上名值对的对象参数,例如:

.attr('src','images/a.jpg');

当然,也可以移除一个或者一个以上属性.removeAttr('id rel');

2.prop()

该方法可以取得属性值

传入想要取得的值的属性名(字符串),例如.prop('id');

设置id的值(修改DOM本身存在的属性比如a标签的href,id).prop('id','otherid');

3.val()

这个方法经常用于取得表单控件的值

4.insertBefore() .insertAfter() .prependTo() .appendTo()

jQuery随手笔记之常用的jQuery操作DOM事件(jquery 随机函数)

.insertBefore()在现有元素外部、之前添加内容;(反向操作 .before()).insertAfter()在现有元素外部、之后添加内容;(反向操作 .after()).prependTo()在现有元素内部、之前添加内容;(反向操作 .prepend()).appendTo()在现有元素内部、之后添加内容;(反向操作 .append())

5.clone()

该方法可以复制拷贝元素,如果需要复制出来的元素继承其他事件,需要传入一个布尔值作为参数,.clone(true)

6.wrap() .wrapAll() .wrapInner()

.wrap()和.wrapInner()可以理解成相对的,.wrap()是包在元素外面一层,而.wrapWith()是包在元素里面一层,

而.wrapAll()是在所有匹配到的元素外围包裹

7.html() .text() .replaceWith() .replaceAll()

.html()可以传入文本或者DOM节点;

.text()只能读取或者替换文本;

.replaceWith() 把。。。替换“成”。。。;

.replaceAll() 把。。。替换“给”。。。

8.empty()

移除元素

9.detach() .remove()

这2个方法有点相似,都不会把匹配的元素从jQuery对象中删除,但是还是有所区别:

.detach() 所有绑定的事件、附加的数据等都会保留下来

.remove() 除了这个元素本身得以保留之外,其他的比如 绑定的事件,附加的数据等都会被移除。

分享我的jquery实现下拉菜单心的 摘要:jquery库给我们带来了很多方便的地方,使用jquery实现一个简单的下拉菜单已经是很简单了,但也有不同的实现方法。今天自己使用jquery写了一个

实例解析jQuery插件EasyUI最常用的表单验证规则 例如:校验输入框只能录入0-之间最多有2位小数的数字表单inputtype="text"id="rate"name="rate"required="true"class="easyui-validatebox"validType="rateCheck[0,]"maxlength="6

jQuery插件EasyUI校验规则 validatebox验证框 Web前端数据校验组件Web项目中客户端与服务端的交互离不开Form表单,Form表单中最常用的元素莫过于input标签,input标签首先要用的肯定是text文本框啦!i

本文链接地址:https://www.jiuchutong.com/biancheng/373859.html 转载请保留说明!

上一篇:Jquery操作Ajax方法小结

下一篇:分享我的jquery实现下拉菜单心的(jquery mobile app案例)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络