first()返回的jQuery对象仅包含选中元素中的第一个,last()返回的jQuery对象则只 包含最后一个元素。更通用的是,eq()方法返回物Query对象只包含指定序号的单个选中元素。...如果传递jQuery对象、元素数组或单一元素给not(),它会返回除了显式排除的元素之外的所有选中元素。...如果传递 判断函数给not(),该判断函数的调用就与在filter()中一样,只是返回的jQuery对象仅包含那些使得判断函数返回false或其他假值的元 素: $("div").not("#header...如果传入选择器,has()会返回一个新的jQuery对象,仅包含有子孙元素匹配该选择器的选中元素。...它会在每一个当前选中元素的子孙元素中寻找与指定选择器字符串匹配的元素,然后它返回一个新的 jQuery对象来代表所匹配的子孙元素集。注意这些新选中的元素不会并入已存在的选中元素集中。
退回到选中所有的h3元素的那一步 6 .eq(0)//选中第一个h3元素 7 .html('World'); //将它的内容改为World 四、元素的操作:取值和赋值 操作网页元素,最常见的需求是取得它们的值....val() 取出或设置html内容 取出某个表单元素的值 需要注意的是,如果结果集包含多个元素,那么赋值的时候,将对其中所有的元素赋值;取值的时候,则是只取出第一个元素的值(.text(...删除元素使用.remove()和.detach()。两者的区别在于,前者不保留被删除元素的事件,后者保留,有利于重新插入文档时使用。 清空元素内容(但是不删除该元素)使用.empty()。...) 子元素获得焦点 7 .focusout() 子元素失去焦点 8 .hover() 同时为mouseenter和mouseleave事件指定处理函数 9 .keydown() 按下键盘...() 按下鼠标 14 .mouseenter() 鼠标进入(进入子元素不触发) 15 .mouseleave() 鼠标离开(离开子元素不触发) 16 .mousemove() 鼠标在元素内部移动
/找到div元素 .find('h3') //选择其中的h3元素 .eq(2) //选择第3个h3元素 .html('Hello'); //将它的内容改为Hello 这是jQuery.../退回到选中所有的h3元素的那一步 .eq(0) //选中第一个h3元素 .html('World'); //将它的内容改为World 四、元素的操作:取值和赋值 操作网页元素,最常见的需求是取得它们的值...() 取出或设置某个元素的高度 .val() 取出某个表单元素的值 需要注意的是,如果结果集包含多个元素,那么赋值的时候,将对其中所有的元素赋值;取值的时候,则是只取出第一个元素的值(.text...() 子元素失去焦点 .hover() 同时为mouseenter和mouseleave事件指定处理函数 .keydown() 按下键盘(长时间按键,只返回一个事件) .keypress(...) 按下键盘(长时间按键,将返回多个事件) .keyup() 松开键盘 .load() 元素加载完毕 .mousedown() 按下鼠标 .mouseenter() 鼠标进入(进入子元素不触发
.选择 name 属性为 yan 的 input 元素 $('input[name=yan]') 如果一类元素范围太广,需要更精确一些呢?...可以使用如下的过滤条件: 1.has 包含条件: $('div').has('p'); 包含 p 元素的 div 元素 2.判等条件: $('div').eq(5); 第 5 个 div 元素 3.寻找条件...$('#box').next(); 已经知道了如何定位某个元素,那么如何定位一个精确的集合呢?...() //跳到ul的父元素,也就是id为div1的元素 .siblings() //跳到div1元素平级的所有兄弟元素 .children('ul') //这些兄弟元素中的ul子元素 .slideUp...6. mouseenter() 鼠标进入(进入子元素不触发) 7. mouseleave() 鼠标离开(离开子元素不触发) 8. hover() 同时为mouseenter和mouseleave事件指定处理函数
1. jQuery选择器 - 选择器都是以 $() 开头的 基础选择器 选择器 描述 id选择器 指定id元素 class选择器 遍历css类元素 element元素 遍历HTML元素 *选择器 遍历所有元素...=value] 匹配给定元素不包含某个特定值的元素 $(“input[name!...” visiblity:hidden 内容伪类选择器 根据元素中的文字内容或所包含的子元素特征来选择元素 选择器 说明 :contains(text) 选择包含给定文本内容的元素 :has(selector...) 选择包含选择器所匹配元素的元素 :empty 选择所有不包含子元素或者不包含文本的元素 :parent 选择含有子元素或者文本的元素 $("div:contains('刘...如果要改变,需要将元素的position属性设置成relative、fixed或absolute; 累积动画 jQuery为用户提供了针对动画的队列功能,用户可以编写多个animate方法,jQuery
//选择id为为ul1元素下的所有li下的span元素 $('input[name=first]') // 选择name属性等于first的input元素 对选择集进行过滤 $('div').has(...'p'); // 选择包含p元素的div元素 $('div').not('.myClass'); //选择class不等于myClass的div元素 $('div').eq(5); //选择第6个div...() //跳到ul的父元素,也就是id为div1的元素 .siblings() //跳到div1元素平级的所有兄弟元素 .children('ul') //这些兄弟元素中的ul子元素 .slideUp...) mouseenter() 鼠标进入(进入子元素不触发) mouseleave() 鼠标离开(离开子元素不触发) hover() 同时为mouseenter和mouseleave事件指定处理函数 ready...4、before()和insertBefore():在现存元素的外部,从前面放入元素 删除标签 $('#div1').remove(); javascript对象 javascript中的对象,可以理解成是一个键值对的集合
$("标签名称");jquery对象的集合,如果选择结果只有一个,那么是当前对象 类选择器 $(".类名"); jQuery对象的集合,类名是在css中定义 并集选择器 $("selector1seletor2...选择满足选择器1元素后面的满足选择器2的元素 注意:只能选择相邻后面的一个 同辈元素选择器 $("选择器1~s选择器2"); 选择选择器1元素之后的同辈元素, 并且同辈元素满足选择器2的要求 注意:前面的同辈元素是不会被选择的...(被选择元素不只一个) 属性过滤选择器(*) $(选择器[attributeName^|$|*='']) 在选择器的基础上, 对属性进行选择=代表属性值必须和'指定值'一致; ^=属性以指定值开头;...$=属性以'指定值'结尾; *=属性值中包含有'指定值'; [attributeName='指定值'] 获取相应属性值为指定值的元素; [attributeName^='指定值'] 获取相应属性值以指定值开头的元素...only-child 唯一的一个子元素; 注意:如果父元素中含有其他元素,那将不会被匹配。
1显示隐藏功能 但凡有两个函数完成的功能是相反的,比如一个显示一个隐藏,那么肯定会有第三个函数的效果是前两个函数的和。也就是说两个单词是反义词,那么肯定会有第三个单词,而且都和toggle有关。...***获取指定元素下标 -----index() 类删除类 .addClass()添加类 .removeClass()删除类 删除了class=“xx”中的类名xx,而不会删除class。删除完之后是class。...class中可以添加多个类。 class=“aa bb cc”如果括号里面不填类名,会删除所有类名,如果填了类名,就删除指定的类名。 toggleClass() 指定处理函数 mouseover()鼠标进入(进入子元素也触发) mouseout()鼠标离开(离开子元素也触发) mouseenter()鼠标进入(进入子元素不触发) mouseleave
,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。...contents() 取得一个包含匹配的元素集合中每一个元素的所有子孙节点的集合(只包括元素节点,不 包括文本节点),如果元素为iframe,则取得其中的文档元素 find(expr) 搜索所有与指定表达式匹配的元素....innerHTML; 3、如何获取jQuery集合的某一项 对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回的是jquery对象,而...与$(fn)等价 (3)toggle(evenFn, oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。..." 12、解决自定义方法或其他类库与jQuery的冲突 很多时候我们自己定义了$(id)方法来获取一个元素,或者其他的一些js类库如prototype也都定义了$方法,如果同时把这些内容放在一起就会引起变量方法定义冲突
对包含对象的list进行排序以及删除其中的元素 如果list的元素类型为类,而不是int等简单内置类型,如何对其进行排序呢?...假设有一个包含地址簿条目的list,其中每个元素都是一个对象,包含姓名、地址等内容,如何确保按姓名对其进行排序呢?答案是采取下面两种方式之一: 在list包含的对象所属的类中,实现运算符类,需要包含头文件:位于set中特定位置的元素不能替换为值不同的新元素,这是因为set将把新元素同二叉树中的其他元素进行比较,进而将其放在其他位置。...鉴于set和multiset都是在插入时对元素进行排序的容器,如果您没有指定排序标准,它们将使用默认谓词std::less,确保包含的元素按升序排列。...(key); erase函数的另一个版本接受一个迭代器作为参数,并删除该迭代器指向的元素:setObeject.erase(iElement); 通过使用迭代器指定的边界,可将指定范围内的所有元素都从set
,如何使用jquery来选择它们 可以使用标签选择器来选择所有的div元素,$("div")会返回一个包含5个div标签的jQuery对象。...全局属性:用于任何HTML5元素的属性 accesskey:设置快捷键 class:为元素设置类标识 contenteditable:指定元素内容是否可编辑 contextmenu:自定义鼠标右键弹出上下文菜单内容...BFC 类似一个“结界”,如果一个 DOM 元素具有 BFC,那么它内部的子元素不会影响外面的元素;外面的元素也不会影响到其内部元素。...image 112.jquery中是如何操作类的 用addClass()来追加类,用removeClass()来删除类,用toggle()来切换类。...如何删除属性 jquery中可以用attr()方法来获取和设置元素属性,可以用removeAttr()方法来删除元素属性。
"); 给某元素设置内容 $("元素名称").removeAttr("属性名称") 给某元素删除指定的属性以及该属性的值 $("元素名称").removeClass("class") 给某元素删除指定的样式...如果是则返回true,否则返回false next(expr)//取得一个包含匹配的元素集合中每一个元素紧邻的后面兄弟元素集合。...,分别是: jQuery.extend(object) 为扩展jQuery类本身.为类添加新的方法。...b指向"bar" } ).trigger("click", ["foo", "bar"]); toggle( fn, fn ) 如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数...contents( ) 取得一个包含匹配的元素集合中每一个元素的所有子孙节点的集合(只包括元素节点,不包括文本节点),如果元素为iframe,则取得其中的文档元素 find( expr ) 搜索所有与指定表达式匹配的元素
,必须包含left和top属性 css()方法中传递的参数若是对象,则需要去掉CSS属性中的“-”,将第2个单词的首字母变为大写。...查找方法: 语法 说明 find(expr) 搜索所有与指定表达式匹配的元素 parents([expr]) 取得一个包含所有匹配元素的祖先元素的元素集合(不包含根元素) parent([expr])...,如果有,则返回true is(expr) 用一个表达式来检查当前选择的元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true has(expr) 保留包含特定后代的元素,去掉那些不含有指定后代的元素...语法 作用 说明 addClass(class) 追加样式 为每个匹配的元素追加指定的类名 removeClass(class) 移除样式 从所有匹配的元素中删除全部或者指定的类 toggleClass...(class) 切换样式 判断指定类是否存在,存在则删除,不存在则添加 hasClass(class) 判断样式 判断元素是否具有class样式 addClass()和removeClass()方法经常一起使用来切换元素的样式
$("#id名") 获取指定的ID元素 类选择器 $(".class名") 获取同一类class元素 标签选择器 $("标签名")...attr()函数的执行结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性,返回值是undefined..../prepend 是在选择元素内部嵌入;after/before 是在元素外面追加. appendTo prependTo 3.清空节点与删除节点: empty: 清空指定节点的所有元素,自身保留(清理门户...鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发) mouseenter() 鼠标进入(进入子元素不触发) mouseleave() 鼠标离开(离开子元素不触发...://www.css88.com/doc/zeptojs_api/ zepto包含很多模块,默认下载版本包含的模块有Core, Ajax, Event, Form, IE模块.如果还需要其他的模块,可以自定义构建
DOM对象和jQuery对象如何互相转换? 首先,先说一下DOM对象和jQuery对象如何转换?这样原生JS和jQuery的方法,我们就可以随意使用了。...every() 方法使用指定函数检测数组中的所有元素: 如果数组中检测到有一个元素不满足,则整个表达式返回 false ,且剩余的元素不会再进行检测。 如果所有元素都满足条件,则返回 true。...some() 方法会依次执行数组的每个元素: 如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。 如果没有满足条件的元素,则返回false。...,新数组中的元素是通过检查指定数组中符合条件的所有元素。...var result = $("div").filter(".cls"); //返回类名是cls的div元素 console.log(result); //结果为:类名为cls的div元素
话不多说,干货奉上,当然有错误或者不全的地方,大家要多包含,可以在后台给我留言,谢谢大家。...高级 ---- show 显示 hide 隐藏 toggle 触发 (在jQuery中,但凡是有两个功能的效果是相反的,肯定会有第三个功能,这个功能会集成那两个功能,这个功能的名称单词中肯定会有toggle...子级的 addClass 添加类 removeClass删除类 hover 鼠标滑过 eq 找下标 animate 自定义动画函数 slideUp 隐藏(向上滑,就是把东西收起来,就隐藏了) slideDown...,工作中常用的是hover return false 可以拒绝提交 event.defaultPrevent() 也可以拒绝提交 上面的这些单词如果哪一个忘记了具体的功能,可以点击链接查看详细的介绍:JQuery...before 给前面新增节点 insertBefore 给指定的父级前面新增节点 empty 清空节点 remove 删除节点 allow允许 上面的单词,如果你哪一个忘记了具体的功能,不要怕,仍旧是老规矩
h3元素的那一步 .eq(0) //选中第一个h3元素 .html(‘World’); //将它的内容改为World 四、元素的操作:取值和赋值 操作网页元素,最常见的需求是取得它们的值....val() 取出某个表单元素的值 选择网页中的元素需要注意的是,如果结果集包含多个元素,那么赋值的时候,将对其中所有的元素赋值;取值的时候,则是只取出第一个元素的值(.text()例外,它取出所有元素的...但是实际上,它们有一个重大差别,那就是返回的元素不一样。第一种方法返回div元素,第二种方法返回p元素。你可以根据需要,选择到底使用哪一种方法。...元素的操作:复制、删除和创建 除了元素的位置移动之外,jQuery还提供其他几种操作元素的重要方法。...清空元素内容(但是不删除该元素)使用.empty()。 创建新元素的方法非常简单,只要把新元素直接传入jQuery的构造函数就行了: (’Hello’);
返回的序列包含输入序列的唯一元素。 ? Except 下图演示 Enumerable.Except 的行为。 返回的序列只包含位于第一个输入序列但不位于第二个输入序列的元素。 ?...相交 下图演示 Enumerable.Intersect 的行为。 返回的序列包含两个输入序列共有的元素。 ? 联合 下图演示对两个字符序列执行的联合操作。 返回的序列包含两个输入序列的唯一元素。...03 筛选数据 筛选是指将结果集限制为仅包含满足指定条件的元素的操作。 它也称为选定内容。 下图演示了对字符序列进行筛选的结果。 筛选操作的谓词指定字符必须为“A”。 ?...Enumerable.FirstQueryable.First FirstOrDefault 返回集合的第一个元素或满足条件的第一个元素。 如果此类元素不存在,则返回默认值。 不适用。...Enumerable.LastQueryable.Last LastOrDefault 返回集合的最后一个元素或满足条件的最后一个元素。如果此类元素不存在,则返回默认值。 不适用。
如果lambda的函数体包含任何一个单一的return语句之外的内容,且未指定返回类型,则返回void 向lambda传递参数 与一个普通函数调用类似,调用一个lambda时给定的实参被用来初始化lambda...如果这样的元素不存在,则返回words.end()的一个拷贝 我们可以使用find_if返回的迭代器来计算从它开始到words的末尾一共有多少个元素。...//再删除重复元素之前,需要先进行排序 sort(words.begin(), words.end()); //把重复元素移到尾部 auto new_end = unique(words.begin...函数体内可以使用Lambda所在类中的成员变量。 5、a。将a按值进行传递。按值进行传递时,函数体内不能修改传递进来的a的拷贝,因为默认情况下函数是const的。...lambda的返回类型 默认情况下,如果一个lambda体包含return之外的任何语句,则编译器假定此lambda返回void.
1、jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。...将不同的动画串联在一起按顺序排列执行是非常有用的。...简单来说可以这3种情况 - .stop(); 停止当前动画,点击在暂停处继续开始 - .stop(true); 如果同一元素调用多个动画方法,尚未被执行的动画被放置在元素的效果队列中。...如果clearQueue参数提供true值,那么在队列中的动画其余被删除并永远不会运行 - .stop(true,true); 当前动画将停止,但该元素上的 CSS 属性会被立刻修改成动画的目标值 简单的说...如果反过来,已知元素如何在合集中找到对应的索引呢? .index()方法,从匹配的元素中搜索给定元素的索引值,从0开始计数。