元素的自定义属性 我们通过 attr() console.log($("div").attr("index")); $("div").attr("index...注意:此方法用于遍历 jQuery 对象中的每一项,回调函数中元素为 DOM 对象,想要使用 jQuery 方法需要转换。 语法2 ? ...注意:此方法用于遍历 jQuery 对象中的每一项,回调函数中元素为 DOM 对象,想要使用 jQuery 方法需要转换。...).text()); }) console.log(sum); // 2. $.each() 方法遍历元素 主要用于遍历数据,处理数据...获取距离带有定位父级位置(偏移) position 如果没有带有定位的父级,则以文档为准 // 这个方法只能获取不能设置偏移 console.log(
1.1. jQuery 属性操作 jQuery 常用属性操作有三种:prop() / attr() / data() ; 1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性...元素的自定义属性 我们通过 attr() console.log($("div").attr("index")); $("div").attr("index...语法1 注意:此方法用于遍历 jQuery 对象中的每一项,回调函数中元素为 DOM 对象,想要使用 jQuery 方法需要转换。...语法2 注意:此方法用于遍历 jQuery 对象中的每一项,回调函数中元素为 DOM 对象,想要使用 jQuery 方法需要转换。...).text()); }) console.log(sum); // 2. $.each() 方法遍历元素 主要用于遍历数据,处理数据
priority (Number),可选参数(作为了解,使用几率极小)指明指令的优先级,当有多个directive定义在同一个DOM元素时,有时需要明确它们的执行顺序。...这属性用于在directive的compile function调用之前进行排序。如果优先级相同,则执行顺序是不确定的(经初步试验,优先级高的先执行,同级时按照类似栈的“后绑定先执行”。...scope false(默认值):表示继承父作用域。...新的作用域规则不适用于根模版(root of the template),因此根模版往往会获得一个新的scope。...{}:表示创建一个全新的隔离作用域;这对于创建可复用的组件是很有帮助的,可以有效防止读取或者修改父级scope的数据。
:disabled checked这类属性操作很顺畅 //获取 prop('属性名'); //更改 prop('属性名','属性值'); 4.1.2 元素自定义属性值 attr() //获取 attr...('属性名'); //更改 attr('属性名','属性值'); 4.1.3 数据缓存 data() 可以在指定的元素上存取数据,但不会修改DOM元素结构。...页面刷新缓存清除 data('myName','ljc');//向元素添加数据 data('myName');//向元素读取数据 4.1.4 全选按钮 通过:checked选择器,可以以数组形式返回被选中的元素...){}) 可以用来遍历任何对象,主要用来做数据处理, var sum = 0; var arr = ['red','blue','yellow']; $('div').each(function(...位置操作 offset()设置获取元素偏移 获取的位置是相对于文档的偏移坐标,与父级没有关系 传入的参数是一个对象 //获取偏移量 $('div').offset() //更改位置 $('div')
1.获取 attr('属性'); // 类似原生 getAttribute() 2.设置 attr('属性', '属性值'); // 类似原生 setAttribute() 数据缓存data().../jquery.min.js"> $(function () { var sum = 0; $...(domEle); sum += parseInt($(domEle).text()); }) console.log(sum...> 结果: 语法2: //$.each()方法可用于遍历任何对象。...主要用于数据处理,比如数组,对象 //index 元素索引号;element 遍历内容(元素) $.each(object,function (index, element) { ......
父节点 .wrap().wrap().wrapInner() $('.inner').wrap(''); $('.inner').wrapAll('<div...把数据存到节点中 jQuery提供了一种机制,可以把节点作为数据存储的容器。...事实上,jQuery的事件绑定机制也使用了这套数据接口。...然后,jQuery提供了一些函数用于添加回调,激发状态等。...jQuery还提供了一个 jQuery.when()的回调管理函数,可以用于方便地管理多个事件并发的情况。
attr("属性", "新值") 修改元素的属性值。 attr(样式参数) 样式参数可以写成 json 格式。..."src","img/2.jpg"); $("img").attr("title","高清风景图"); $("img").attr({width:"200...$("li:eq(1)").empty(); // 删除节点 $("li:eq(1)").remove(); }); 遍历节点 祖先元素 用于向上遍历...var sum = 0; $("tr:not(tr:first)").find("td:last").each(function(){ sum += Number($(...this).text()); }); $("b").text(sum); }
过滤器从左到右应用,和书写顺序一致,其中每一个都会缩小选中元素集。下表列举了jQuery支持的过滤器。 jQuery选择过滤器 过滤器 含义 #id 匹配id属性为id的元素。...=val] 匹配没有attr属性、或attr属性的值不为val的所有元素((jQuery的扩展) [attr^=val] 匹配attr属性值以val开头的元素 [attr$=val] 匹配attr...因此选择器“div.note”与“div [class~=note]”相同 [attr|=val] 匹配attr属性值以val开头且其后没有其他字符,或其他字符是以连字符开头的元素 :animated...add()会移除重复元素,并对该组合选区进行排序,以便里面的元素按照文档 中的顺序排列: //选取所有和所有元素的等价方式 $("div, p") //使用选择器组..."div p")相同 该类别中的其他方法返回新的jQuery对象,代表当前选中元素集中每一个元素的子元素、兄弟元素或父元素。
$("div").find("p") 等价于$("div p") 筛选 筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。用逗号分隔多个表达式。...用于ID等或自定义属性: attr(attrName)// 返回第一个匹配元素的属性值 attr(attrName, attrValue)// 为所有匹配元素设置一个属性值 attr({k1: v1,...用于checkbox和radio prop() // 获取属性 removeProp() // 移除属性 注意: 在1.x及2.x版本的jQuery中使用attr对checkbox进行赋值操作时会出bug...$("div").data("k");//返回第一个div标签中保存的"k"的值 .removeData(key): 描述:移除存放在元素上的数据,不加key参数表示移除所有保存的数据。...$("div").removeData("k"); //移除元素上存放k对应的数据 示例: 模态框编辑的数据回填表格 3.9.3插件(了解) jQuery.extend(object) jQuery的命名空间下添加新的功能
指定元素") 选择父元素的所有指定元素(包含第一代、第二代等) 子代选择器 $("父元素 > 指定元素") 选择父元素的所有第一代指定元素 相邻选择器 $("元素 + 指定元素") 选择元素的下一个指定元素...-- 第一个大DIV包含一个div和俩个图片 --> 父选择器 子选择器蓝色 //attr("class") 获取元素样式名 var...ready()类似于onLoad()事件 ready()可以写多个,按顺序执行 $(document).ready(function(){}) //等价于 $(function(){}) bind()绑定事件... // 点击按钮,发送ajax请求,显示数据到页面 $("#
当有多个directive定义在同一个DOM元素上时,有时需要明确他们的执行顺序。这个属性用于在directive的compile function调用之前进行排序。...新的作用域规则不适用于根模版,因为根模版往往会获得一个新的scope。 {} 将创建一个新的、独立的scope,此scope与一般的scope的区别在于它不是通过原型继承于父scope的。...这对于创建可复用的组件是很有帮助的,可以有效的防止读取或者修改父级scope的数据。这个独立的scope会创建一个拥有一组来源于父scope的本地scope属性hash集合。...那么属性是在父scope读取的(不是从组件的scope读取的) &或者&attr 提供一个在父scope上下文中执行一个表达式的途径。...ng-controller="attrtest"> my-attr> div> body> 复制代码 其运行结果如下: Name:
):使用HTML字符串创建jQuery节点 举例 var $newNode=$(""); var $newNode1=$("你喜欢哪些冬季运动项目?...dd")); $("#dd").insertBefore("ul"); 删除节点 remove():删除整个节点 empty():清空节点内容 detach():删除整个节点,保留元素的绑定事件、附加的数据...newNode1).replaceAll(".gameList li:eq(2)"); replaceWith() 与replaceAll() 方法都可以实现元素节点的替换,二者最大的区别在 于替换字符的顺序...$(selector).parents();//遍历父级和以上的 $(selector).each( );//遍历每一个 举例 ........属性操作 语法 $(selector).attr([name]) ;//获取 //或 $(selector).attr({[name1:value1]…[nameN:valueN]}) ;//设置 $(
中,子元素伪类选择器分为两大类: 不分元素类型的 选择器 说明 :first-child 选择父元素的第一个子元素 :last-child 选择父元素的随后一个子元素 :nth-child(n) 选择父元素下的第...HTML内容 ---- 对文本内容进行操作 jQuery提供了两种方法用于对文本内容进行操作,分别是text()方法和text(val)方法: text()方法用于获取全部匹配元素的文本内容 text...与attr很像。..."); }); }); 删除节点 方法 描述 remove() 移除被选元素(不保留数据和事件) detach() 移除被选元素(保留数据和事件) empty...,stop方法适用于所有的jQuery特效。
的ready()函数可以重复调用,绑定的回调函数将在DOM准备就绪后按照绑定顺序依次执行。..."p"); // 选取所有div元素的所有子代p元素 $("span").parent(); // 选取所有span元素的父元素 $("span").parent(".foo.bar"); // 选取所有...简而言之,假设当前jQuery对象匹配多个元素,如果使用jQuery对象的方法来获取数据(“读”数据),则只会获取第一个匹配元素的数据;如果使用jQuery对象的方法来设置元素数据(“写”数据),则会对所有匹配元素都进行设置操作...如果该方法用于获取数据,则返回null或undefined;如果该方法用于设置数据,则忽略设置操作,并返回该空对象本身;如果该方法用于筛选元素,则同样返回一个新的jQuery空对象。...触发click事件时,将按照绑定顺序依次执行每个处理函数。
答: 根据给定的id匹配一个元素,用于搜索,通过id的属性给定值。...案例:查找id为da3的元素 html代码: jquery代码: $("#...:first-child 匹配每个父元素下的第一个子元素 :last-child 匹配每个父元素下的最后一个子元素 :only-child 匹配父元素中只有唯一的子元素,如果父元素中有多个子元素,就不会被匹配...attr(name); 获取属性值 attr(properties); 以“名/值对”对象添加属性 attr(key,value); 为所匹配的元素设置属性值 attr(key, function(index...children(); 获取子元素 find(); 用于查找表达式 next(); 获取下一个元素 nextAll(); 获取下一个所有元素 parent(); 获取父元素 parents(); 获取所有匹配元素的祖先元素的集合
$("div").find("p") 等价于$("div p") 筛选 筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。用逗号分隔多个表达式。...和 .position()的差别在于: .position()是相对于相对于父级元素的位移。...$("div").data("k");//返回第一个div标签中保存的"k"的值 .removeData(key): 描述:移除存放在元素上的数据,不加key参数表示移除所有保存的数据。...$("div").removeData("k"); //移除元素上存放k对应的数据 示例: 模态框编辑的数据回填表格 插件(了解即可) jQuery.extend(object) jQuery的命名空间下添加新的功能...多用于插件开发者向 jQuery 中添加新函数时使用。 示例: jQuery.extend({ min:function(a, b){return a < b ?
]、[attr=val]、[attr!...=val]、[attr^=val]、[attr$=val]、[attr*=val]、[attr=val][][] 子元素::nth-child(index)、:first-child、:last-child...title属性的 父div // 先把 “子元素中都有title属性的 父div” 过滤出来 // var $aa = $("div.one...AB E.closest(A) 向上获得指定的父元素(含自己),如果获得到了,就返回一个对象;如果没有获得到,就返回空的jQuery对象。...4:type,返回的内容格式:xml, html, script, json, text, _default * * * GET请求不适合发送中文数据
最近在学习jQuery 不难 只是有些东西容易忘 特此记录之 选择器 按ID查找 // 查找: var div = $('#abc'); 按标签查找 var ps = $('...查找子父节点 $('h3').parent().css() //查找h3父元素 $('h3').sliblings()//所有兄弟节点 $('h3').nextAll()//当前节点后面所有兄弟节点 $...()//查找所有直接子元素 $('div').find('li')//所有后代元素 操作DOM 修改Text和HTML jQuery对象的text()和html()方法分别获取节点的文本和原始HTML文本...: 400px div.height('200px'); // 设置CSS属性 height: 200px attr()用于获取属性赋值属性removeAttr()`用于删除属性 prop()方法的作用和...attr()类似 attr()更适合操作自定义属性。
拥有id var id = element.attr("id"); if (!... <wij-grid-column binding="amount" width="100" format="c2" aggregate="<em>sum</em>...<em>父</em>指令会通过特定标记来访问列。..."wij-grid-column" 指令的父级指令"wij-grid"。...link 方法接收父指令的引用 (controller) ,同时通过addColumn 方法传递自身的scope 给父指令。scope 包含了表格用于创建列的所有信息。
Jsoup是用于解析HTML,就类似XML解析器用于解析XML。Jsoup它解析HTML成为真实世界的HTML。它与jquery选择器的语法非常相似,并且非常灵活容易使用以获得所需的结果。...); nextElementSibling(), previousElementSibling(); Graph: parent(), children(), child(int index); 元素数据...String text) appendElement(String tagName), prependElement(String tagName) html(String value) 通过类似于css或jQuery....body p 查找在"body"元素下的所有 p元素; parent > child: 查找某个父元素下的直接子元素,比如:可以用div.content > p 查找 p 元素,也可以用body...:lt(n): 查找哪些元素的同级索引值(它的位置在DOM树中是相对于它的父节点)小于n,比如:td:lt(3) 表示小 于三列的元素 :gt(n):查找哪些元素的同级索引值大于n,比如
领取专属 10元无门槛券
手把手带您无忧上云