【JQuery包装集size，length，index，slice，find，filter，is，children，next，nextAll，parent，parents，closest，siblings，add，end，andSelf的用法】的更多相关文章

JQuery包装集size，length，index，slice，find，filter，is，children，next，nextAll，parent，parents，closest，siblings，add，end，andSelf的用法

在使用Jquery包装集的知识之前首先要注意三个概念(当前包装集.新包装集.包装集内部元素)的区别. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>包…

从零开始学习jQuery (三) 管理jQuery包装集

本系列文章导航 从零开始学习jQuery (三) 管理jQuery包装集 一.摘要 在使用jQuery选择器获取到jQuery包装集后, 我们需要对其进行操作. 本章首先讲解如何动态的创建元素, 接着学习如何管理jQuery包装集, 比如添加,删除,切片等. 二.前言 本系列的2,3篇上面列举了太多的API相信大家看着眼晕. 不过这些基础还必须要讲, 基础要扎实.其实对于这些列表大家可以跳过, 等以后用到时再回头看或者查询官方的API说明. 本章内容很少, 主要讲解动态创建元素和操作jQuery…

jQuery学习笔记(3)-操作jQuery包装集的函数

一.前言 在使用jQuery选择器获取到jQuery包装集后,我们就要对这些包装集进行各种操作 二.创建新的元素 1.使用HTMLDOM创建元素 (1)什么是DOM 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model) (2)使用HTML DOM创建元素 <div id="testDiv"></div> <script> var select = document.createElement("sel…

jQuery包装集

jQuery包装集指的是通过$()方法返回的一个元素集,这跟一般的javascript数组有所区别, 包装集在后者的基础上还有一些初始化的函数和属性. 我们可以对二者进行一个比较: jsdiv = document.getElementsByTagName("div"); jqdiv = $("div"); // javascript 元素集 console.log(jsdiv); // jquery 包装集 console.log(jqdiv); 用firebug…

Dom对象和jQuery包装集

Dom对象 在传统的JavaScript开发中,我们经常都是首先获取Dom对象,比如: document.getElementById("dv1"); 我们经常使用getElementById方法来获取Dom对象.在事件触发函数中,我们还可以通过this来获取引用事件触发对象.或者,我们也可以通过event.target或event.srcElement来获取引发事件的Dom对象. 注意,此处,我们获得的都是Dom对象. jQuery包装集 jQuery包装集可以说是Dom对象的扩充.…

jquery parent() parents() closest()区别

分类: 前端开发 parent是找当前元素的第一个父节点,不管匹不匹配都不继续往下找 parents是找当前元素的所有父节点  closest() 是找当前元素的所有父节点 ,直到找到第一个匹配的父节点 1.parent()方法从指定类型的直接父节点开始查找,在"0"中,<a>的直接父节点是<li>所以在这里找不到<ul>父节点.在"2"中先找到了<li>,接着找到<ul>,并将它的背景色设置为yellow…

JQuery 实践---创建元素包装集

1. 利用选择器,选择将被JQuery包装的元素 标识和选择DOM元素.JQuery采用我们已经知道的CSS语法并且扩展了一些.为了利用JQuery来选择元素,请把选择器包装在$()中. 基本CSS选择器: 元素名 tag, 元素ID #,元素类 .classname,位置: p a.classname 以及组合 子选择器,容器选择器和特性选择器* 匹配任何元素E 匹配标签名为E的所有元素E F 匹配标签名为F,作为E的后代节点的所有元素E>F 匹配标签名为F,作为E的直接子节点的所有元素E+F…

zepto源码--核心方法8（管理包装集）--学习笔记

继续包装集过滤的相关函数的介绍,今天介绍与父元素相关的函数,parent, parents, closest, offsetParent parent 获取对象集合中每个元素的直接父元素. 与上篇文章介绍的next和prev的原理类似,也是获取当前元素的属性,来确定其父元素,即获取parentNode属性. parents 获取对象集合每个元素所有的祖先元素.如果css选择器参数给出,过滤出符合条件的元素. 定义数组var ancestors = []用于存储获取到的父元素,将选取的对象包装集赋…

jQuery管理包装集笔记

size():返回包装集中元素的个数. get([n]):返回一个DOM元素或DOM元素数组(接受负值). toArray():将包装里的所有元素作为DOM元素数组返回. eq(n):获取包装集中与index参数相对应的元素,并返回只包含此元素的新包装集.(负的下标值从末尾开始查找元素) first()    last() index([ele]):返回第一个元素在同级节点中的下标(0开头),或返回元素在包装集中的下标(0开头). add(expression,context):expressi…

从零开始学 Web 之 jQuery（八）each，多库共存，包装集，插件

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN:https://blog.csdn.net/lvonve/ 在这里我会从 Web 前端零基础开始,一步步学习 Web 相关的知识点,期间也会分享一些好玩的项目.现在就让我们一起进入 Web 前端学习的冒险之旅吧! 一.each 方法…

4月12日学习笔记——jQuery管理包装集

创建新的元素 (1)使用 HTML DOM 创建元素 //使用 Dom 标准创建元素 var select = document.createElement("select"); select.options[0] = new Option("加载项 1", "value1"); select.options[1] = new Option("加载项 2", "value2"); select.size =…

Jquery_基础(二) 包装集

包装集 <body> <div id="a01">1.包装集——length</div> <div id="a02">2.包装集——index(obj)</div> <div id="a03">3.包装集——get(index)或者[index]_会由Jquery对象变成Dom对象</div> <div id="a04">4.包装集…

zepto源码--核心方法9（管理包装集）--学习笔记

今天介绍的是与子元素相关的函数,children, find, contents children 从源码来看,主要是调用过滤函数filtered对遍历整个包装集返回的children进行过滤. 仔细看来,最终实现children依赖的是内部定义的children函数. 在支持直接获取元素children属性的浏览器当中,直接通过elment.children获取子元素,通过调用slice函数,返回数组对象,如果不支持element.children,则对element.childNodes进行…

zepto源码--核心方法7（管理包装集）--学习笔记

后面应该会有几篇连续介绍关于zepto包装集的文章.涉及的函数较多,就分别介绍,今天介绍几个使用关系获取包装集的方法.prev, next, first, last, siblings, eq prev 看代码,只有一行,涉及到一个pluck函数,一直以为前面介绍过了,但是我看了下似乎没有介绍,补充一下: API中只有一句话:获取对象集合中每一个元素的属性值. 看前文介绍的有关$.map函数之后,相对比较容易理解的,这里就是对包装集进行遍历,返回一个新的数组,这个新的数组是由含有所传入的参数这一…

[转载]jquery获取元素索引值index()方法：

jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置. 如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置. 如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置.如果找不到匹配的元素,则返回-1. <ul>  <li id="foo">foo</…

jquery获取元素索引值index()方法

jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置.如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置.如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置.如果找不到匹配的元素,则返回-1. <ul> <li id="foo">foo</li&…

使用jQuery包装节点

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti…

jquery获取元素索引值index()

jquery获取元素索引值index()方法实例. jquery获取元素索引值index()方法: jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置. 如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置. 如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置.如果找不到匹配的元素,则…

jquery获取元素索引值index()的例子

如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置. 如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置.如果找不到匹配的元素,则返回-1. 第一个匹配元素的 index,相对于同胞元素 获得第一个匹配元素相对于其同胞元素的 index 位置. 语法 $(selector).index() 试一下  代码如下 1 <html> <head> <script type="text/javascript&qu…

jQuery包装

1. jQuery包装多个选择器的click事件 // "告警等级"选择 $("#filter_level_1, #filter_level_2, #filter_level_3, #filter_level_4").click(function () { onclickAlarmFilterLevel(this.id.split('filter_level_')[1]); }); 上面代码等效于: // 点击1级告警 $("#filter_level_1…

jQuery查找——parent/parents/parentsUntil/closest

jquery的parent(),parents(),parentsUntil(),closest()都是向上查找父级元素,具体用法不同 parent():取得一个包含着所有匹配元素的唯一父元素的元素集合. parents():沿 DOM 树向上遍历,直到文档的根元素(<html>)为止,将每个祖先元素添加到一个临时的集合:如果应用了选择器,则会基于该选择器对这个集合进行筛选.返回零个.一个或多个元素. closest():沿 DOM 树向上遍历,直到找到已应用选择器的一个匹配为止.返回零个或一…

转:Hive性能优化之ORC索引–Row Group Index vs Bloom Filter Index

之前的文章<更高的压缩比,更好的性能–使用ORC文件格式优化Hive>中介绍了Hive的ORC文件格式,它不但有着很高的压缩比,节省存储和计算资源之外,还通过一个内置的轻量级索引,提升查询的性能.这个内置的轻量级索引,就是下面所说的Row Group Index. 其实ORC支持的索引不止这一种,还有一种BloomFilter索引,两者结合起来,更加提升了Hive中基于ORC的查询性能. 说明一下:本文使用Hive2.0.0 + hadoop-2.3.0-cdh5.0.0作为测试环境.表lxw…

jQuery原型方法first,last,eq,slice源码分析

这4个方法中前3个方法很常用大家都见过,但是slice方法可能会以为是数组方法,其实slice也是jQuery的一个原型方法,只不过是底层方法是为其他方法服务的(更具体点是为eq方法服务的),首先还是看下这几个方法前台是怎么使用的: eq 概述  获取第N个元素 参数 一个整数,指示元素的位置,从集合中的最后一个元素开始倒数.(1算起) 示例 参数index描述: //获取匹配的第二个元素 //HTML 代码: <p> This is just a test.</p> <p&…

jQuery对象长度size

jQuery对象有两个方法获取其长度,一个是length属性,一个是调用size()方法,据说前者的效率比后者的高. 代码如下: var DQNRList=$("a[id^='DQNR']"); if(DQNRList.length==0){ // 或者DQNRList.size()==0 window.location.href="./DEFAULT.html"; };…

jquery的$(selector).each(function(index,element))和$.each(dataresource,function(index,element))的区别

$(selector).each(function(index,element)) 定义和用法 each() 方法规定为每个匹配元素规定运行的函数. $(selector).each(function(index,element)) 参数 描述 function(index,element) 必需.为每个匹配元素规定运行的函数. index - 选择器的 index 位置 element - 当前的元素(也可使用 "this" 选择器) 作用:在dom方面用的较多 示例: html部分…

学习JQuery中文文档之index()函数

最初认识index()是在轮播图中,获取当前点击对象在数组中的位置.那时候,对index()的使用只有eq($(this).index()),看了文档之后,才知道自己有多幼稚! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index()</title> <style type="tex…

java基础知识点---size(),length(),length的区别

List<Integer> a=new ArrayList<Integer>(); a.add(1); System.out.println(a.size()); int b[]={1,2,3}; System.out.println(b.length); String s=new String("Hello"); System.out.println(s.length()); out:  1 3 5 泛型 size() 数组 length 字符串 length…

jQuery与js的length属性

js:length 属性可返回字符串中的字符数目. stringObject.length jQuery:length 属性包含 jQuery 对象中元素的数目. $(selector).length <script type="text/javascript"> var txt="Hello World!" document.write(txt.length)-------12 </script> $("button")…

使用jQuery+huandlebars循环中索引(@index)使用技巧(访问父级索引)

兼容ie8(很实用,复制过来,仅供技术参考,更详细内容请看源地址:http://www.cnblogs.com/iyangyuan/archive/2013/12/12/3471227.html) <!DOCTYPE html> <html> <head> <META http-equiv=Content-Type content="text/html; charset=utf-8"> <title>Handlebars.js…

expr的字符串操作 表达式: length, index, match, substr等

参考: http://www.linuxidc.com/Linux/2012-04/58095.htm expr的格式, 主要有两个, 一是 用expr option, 选项: 二是, expr的几个主要主要表达式: length, 查找index, 截取子串: substr, 冒号. 求字符串的长度, 可以使用 ${#string} 或 expr length "$string" 求字符串中的字串索引, 即字串查找:使用命令index 注意, 使用 expr的index substr…