jquery属性,遍历,HTML操作方法详解_jquery

Jquery属性遍历、HTML操作。

Jquery拥有可操作HTML元素和属性的强大方法。

下面是我整理的一些jquery遍历函数:


.add()


将元素添加到匹配元素的集合中。


.andSelf()


把堆栈中之前的元素集添加到当前集合中。


.children()


获得匹配元素集合中每个元素的所有子元素。


.closest()


从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素。


.contents()


获得匹配元素集合中每个元素的子元素,包括文本和注释节点。


.each()


对 jQuery 对象进行迭代,为每个匹配元素执行函数。


.end()


结束当前链中最近的一次筛选操作,并将匹配元素集合返回到前一次的状态。


.eq()


将匹配元素集合缩减为位于指定索引的新元素。


.filter()


将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素。


.find()


获得当前匹配元素集合中每个元素的后代,由选择器进行筛选。


.first()


将匹配元素集合缩减为集合中的第一个元素。


.has()


将匹配元素集合缩减为包含特定元素的后代的集合。


.is()


根据选择器检查当前匹配元素集合,如果存在至少一个匹配元素,则返回 true。


.last()


将匹配元素集合缩减为集合中的最后一个元素。


.map()


把当前匹配集合中的每个元素传递给函数,产生包含返回值的新 jQuery 对象。


.next()


获得匹配元素集合中每个元素紧邻的同辈元素。


.nextAll()


获得匹配元素集合中每个元素之后的所有同辈元素,由选择器进行筛选(可选)。


.nextUntil()


获得每个元素之后所有的同辈元素,直到遇到匹配选择器的元素为止。


.not()


从匹配元素集合中删除元素。


.offsetParent()


获得用于定位的第一个父元素。


.parent()


获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选)。


.parents()


获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选)。


.parentsUntil()


获得当前匹配元素集合中每个元素的祖先元素,直到遇到匹配选择器的元素为止。


.prev()


获得匹配元素集合中每个元素紧邻的前一个同辈元素,由选择器筛选(可选)。


.prevAll()


获得匹配元素集合中每个元素之前的所有同辈元素,由选择器进行筛选(可选)。


.prevUntil()


获得每个元素之前所有的同辈元素,直到遇到匹配选择器的元素为止。


.siblings()


获得匹配元素集合中所有元素的同辈元素,由选择器筛选(可选)。


.slice()


将匹配元素集合缩减为指定范围的子集。

以上是我对jquery遍历函数的见解。

HTML操作DOM的方法:

Jquery最重要的部分就是操作DOM的能力,jquery提供了一系列与DOM相关的方法,这使访问和操作属性的元素和属性就会变得很容易,怎么操作DOM对象:document Object Model(文档对象模型)DOM定义访问HTML和XML文档的标准:“W3C文档对象模型独立于平台和语言的界面,允许程序员和脚本动态访问和更新文档内容、结构以及样式。”。DOM获得-tex()、html()以及val()三个简单实用的用于 DOM 操作的 jQuery 方法:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值获取属性 - attr()

jQuery attr() 方法用于获取属性值。

设置所有 p 元素的内容:

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

 $("p").html("Hello <b>world</b>!");

});

当使用该方法返回一个值时,它会返回第一个匹配元素的内容。

$(selector).html()

当使用该方法设置一个值时,它会覆盖所有匹配元素的内容。

$(selector).html(content)

使用函数来设置所有匹配元素的内容。

$(selector).html(function(index,oldcontent))

以上就是我对jquery属性,遍历,HTML操作的理解与见解,希望可以对大家有所帮助。

关于这篇jquery属性,遍历,HTML操作方法详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery
遍历属性
jquery 遍历对象属性、jquery 遍历属性、jquery遍历元素属性、jquery 操作json 遍历、jquery遍历对象属性值,以便于您获取更多的相关知识。

时间: 2024-09-24 04:15:37

jquery属性,遍历,HTML操作方法详解_jquery的相关文章

jquery.map()方法的使用详解_jquery

原型方法map跟each类似调用的是同名静态方法,只不过返回来的数据必须经过另一个原型方法pushStack方法处理之后才返回,源码如下: map: function( callback ) { return this.pushStack( jQuery.map(this, function( elem, i ) { return callback.call( elem, i, elem ); })); }, 本文主要就是分析静态map方法至于pushStack在下一篇随笔里面分析: 首先了解下

Jquery基础之事件操作详解_jquery

事件是用户操作时页面或页面加载时引发的用来完成javascript和HTML之间的交互操作.常见的元素点击事件.鼠标事件.键盘输入事件等,较传Javascript 相比JQuery增加并扩展了基本的事件处理机制,极大的增强了事件处理的能力. 一.DOM加载事件 页面加载完毕后浏览器会通过javascript为Dom元素加载事件,使用Javascript时候使用的是window.onload方法,而Jquery使用的是$(document).ready()方法,下表 展示两个事件的异同. wind

jQuery EasyUI菜单与按钮详解_jquery

EasyUI 简介 easyui是一种基于jQuery的用户界面插件集合. easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能. 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面. easyui是个完美支持HTML5网页的完整框架. easyui节省您网页开发的时间和规模. easyui很简单但功能强大的. 代码如下: <html> <head> <meta http-equiv="Content

jQuery AJAX timeout 超时问题详解_jquery

先给大家分析下超时原因: 1.网络不通畅. 2.后台运行比较慢(服务器第一次运行时,容易出现) 超时结果:JQ中 timeout设置请求超时时间. 如果服务器响应时间超过了 设置的时间,则进入 ERROR (错误处理) 超时解决方案: 1.默认的timeout为0,代表永不超时 2.尽量把timeout设置的大一点.坏处:使数据的加载变慢(貌似.呵呵). 3.在ERROR回调函数中写 有关于 超时 处理 的函数:例如,可以在超时的情况下再次调用取数据函数. -------------------

jQuery中的select操作详解_jquery

下面给大介绍了jquery对select的操作介绍,非常不错,具有内容介绍如下所示: select的html标签如下: <select class="xxx" id="yyy"><option></option>...<option></option></select> 1.设置value为"lll"的option选中 $('#yyy').val("lll"

jQuery fadeOut 异步实例代码详解_jquery

定义和用法 fadeOut() 方法逐渐改变被选元素的不透明度,从可见到隐藏(褪色效果). 注释:隐藏的元素不会被完全显示(不再影响页面的布局). 提示:该方法通常与 fadeIn() 方法一起使用. 语法 $(selector).fadeOut(speed,easing,callback) 1. 概述 jquery实现动画效果的函数使用起来很方便,不过动画执行是异步的,所以要把自定义的操作放在回调函数里. 2. example <html> <body> <table id

jQuery unbind 删除绑定事件详解_jquery

unbind([type],[data]) 是 bind()的反向操作,从每一个匹配的元素中删除绑定的事件.如果没有参数,则删除所有绑定的事件.你可以将你用bind()注册的自定义事件取消绑定.如果提供了事件类型作为参数,则只删除该类型的绑定事件.如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除. 返回值 : jQuery 参数 : type (String) : (可选) 事件类型 data (Function) : (可选) 要从每个匹配元素的事件中反绑定的事

jQuery原型属性和原型方法详解_jquery

首先看一下在jQuery1.7.1中定义的原型属性和方法有哪些? 首先是constructor属性  相信熟悉js面向对象部分的开发人员都熟悉,就是用来返回对象属性创建的函数,举个简单的例子: function Person(){}; var person=new Person(); alert(person.constructor); //function Person(){} 我们写继承的时候喜欢把所有的原型属性和方法放在一个单独的对象字面量中,这样就会导致constructor属性与"实际

jQuery 遍历map()方法详解_jquery

一.定义和用法 map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象. 二.语法 .map(callback(index,domElement)) 三.详细说明 由于返回值是 jQuery 封装的数组,使用 get() 来处理返回的对象以得到基础的数组 四.案例: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>