抛弃jQuery：DOM API之选择元素

原文链接:http://blog.garstasio.com/you-dont-need-jquery/selectors/ 我的Blog:http://cabbit.me/you-dont-need-jquery/selector/ 上一篇文章抛弃jQuery:Why?引起了很多朋友的讨论,在这里我想强调,这一系列文章从来不希望开发人员不分情况的丢弃jQuery,也绝对不会抵制使用JavaScript库,手工处理兼容性问题,这篇及后面的专题都提供了一些能够替代jQuery的库. 如果我说"抛弃…

抛弃jQuery：DOM API之操作元素

原文链接:http://blog.garstasio.com/you-dont-need-jquery/dom-manipulation/ 我的Blog:http://cabbit.me/you-dont-need-jquery/manipulation/ 在上一篇文章里我们讨论了如何在没有jQuery的支持下选择元素,这次我们来聊一聊如何使用DOM API创建新元素.修改已有元素的属性或者移动元素的位置.原生的浏览器API已经给我们提供了DOM操作的所有功能,我们能够不借助jQuery或者其他…

JQuery基础教程：选择元素（上）

jQuery最强大的特性之一就是它能够简化在DOM中选择元素的任务,DOM中的对象网络与家谱有几分类似,当我们提到网络中元素之间的关系时,会使用类似描述家庭关系的术语,比如父元素.子元素,等等.通过一个简单的例子,可以帮助我们理解文档各元素构成的树形结构: <html> <head> <title>the title</title> </head> <body> <div> <p>This is a parag…

JQuery基础教程：选择元素（中）

自定义选择符 JQuery在各种CSS选择符的基础上还添加了独有的完全不同的自定义选择符,注意,只要可能,jQuery就会使用浏览器原生的DOM选择符引擎去查找元素.但在使用自定义选择符的时候,就无法使用速度最快的原生方法了.因此,在能够使用原生方法的情况下,就不要频繁地使用自定义选择符,以确保性能自定义选择符通常跟在一个CSS选择符后面,基于已经选择的元素集的位置来查找元素.自定义选择符的语法与CSS中的伪类选择符语法相同,即选择符以冒号(:)开头.例如,我们想要从带有horizontal类…

初识jQuery，八字真言“选择元素，对其操作”

jQuery在我印象中,就是很多类似$(),然后昨天开始接触了,觉得很和谐,获取元素比JavaScript简单很多,有意思. 一.开始学习jQuery,下载jQuery库的文件 http://jquery.com/download/ jQuery库有两个版本: 我只是使用这个jQuery库,所以我就只下载了生产版本,足以. 二.开始我的第一个Demo 1.html文件 <!DOCTYPE html> <html> <head> <meta charset=&quo…

JQuery基础教程：选择元素（下）

DOM遍历方法利用前面介绍的jQuery选择符取得一组元素,就像是我们在DOM树中纵横遍历再经过筛选得到的结果一样.如果只有这一种取得元素的方式,那我们选择的余地从某个角度讲也是很有限的.很多情况下,取得某个元素的父元素或者祖先元素都是基本的操作,而这正是jQuery的DOM遍历方法的用武之地.有了这些方法,我们可以轻而易举地在DOM树中上下左右地自由漫步.这行用于添加alt类的代码$('tr: even').addClass('alt');可以通过.filter()方法重写成这样 $(…

【JS】Intermediate7:jQuery:DOM API

1.jQuery also makes performing actions on many elements at the same time simple 2.eg:$('.note').css('background', 'red').height(100); $('.note') selects all the elements with a class of note on the page and then we set the background of all of the no…

Jquery 根据HTML内容选择元素

选择所有包含 "is" 的元素: $("p:contains(is)")…

抛弃jQuery：Why?

原文链接:http://blog.garstasio.com/you-dont-need-jquery/ 我的Blog:http://cabbit.me/you-dont-need-jquery/why-not/ 你不再需要jQuery! Web工程师太依赖jQuery了,某种意义上说jQuery已经成了JavaScript的同义词.但是我们真的需要他么?或许我们应该反思一下什么时候才真的需要jQuery. 对我个人而言开始使用jQuery的理由是他把我的工作变得简单多了,开发Web应用已经几乎…

jQuery DOM

请尊重知识,请尊重原创更多资料参考请见 http://www.cezuwang.com/listFilm?page=1&areaId=906&filmTypeId=1 jQuery DOM基础 1.对元素内容的获取和修改: 表单用value(),普通元素用html()和text(). html() html(value)设置和获取html内容,有html标签会自动解析. text() text(value) 设置和获取文本内容,有html标签会自动转义. val() val(va…

jQuery DOM基础

jQuery DOM基础 1.对元素内容的获取和修改: 表单用value(),普通元素用html()和text(). html() html(value)设置和获取html内容,有html标签会自动解析. text() text(value) 设置和获取文本内容,有html标签会自动转义. val() val(value) 设置和获取表单文本内容设置单选.复选框和下拉列表的被选定状态:可以通过数组传递操作 $('input').val(['男','女']);//value值是这些的将被选…

jQuery选择器对应的DOM API ——选择元素

英文原文:http://blog.garstasio.com/you-dont-need-jquery/selectors/愚人码头注: 原作者的写这文章的意图是让我们抛弃jQuery,You Don’t Need jQuery!提倡我们使用原生的JavaScript,所以收集整理了jQuery语法对应的DOM API : 原作者参数的原因可以看这里:http://blog.garstasio.com/you-dont-need-jquery/why-not/ ,个人同意他的观点,简单的页面或应…

jQuery 第二章实例方法 DOM操作选择元素相关方法

进一步选择元素相关方法: .get() .eq() .find() .filter() .not() .is() .has() .add()集中操作 .end()回退操作 .get() $(".class").get() 可以填 $()选择器选出来的dom 索引, 0 1 2 3 -1 -2 , 不填取全部dom, 但是取出来的dom 不再是jquery的对象,而是原生dom, 用get()取出来的 dom 都为原生dom: 现在会用了,但是咱们不能单…

jQuery 源码解析(二十二) DOM操作模块复制元素详解

本节说一下DOM操作模块里的复制元素子模块,该模块可以复制一个DOM节点,并且可选择的设置是否复制其数据缓存对象(包含事件信息)和是否深度复制(子孙节点等),API如下: $.clone(elem, dataAndEvents, deepDataAndEvents) ;jQuery底层方法,返回DOM引用 ;elem是要复制的DOM元素,dataAndEvents和deepDataAndEvents分别表示是否复制克隆元素的数据和事件和是否复制深度复制数据和事件 $.fn.clo…

jQuery 源码分析(二十一) DOM操作模块删除元素详解

本节说一下DOM操作模块里的删除元素模块,该模块用于删除DOM里的某个节点,也可以理解为将该节点从DOM树中卸载掉,如果该节点有绑定事件,我们可以选择保留或删除这些事件,删除元素的接口有如下三个: empty() ;移除匹配元素的所有子元素. ;先移除所有后代元素关联的数据和事件,以避免内存泄漏.然后移除子元素. remove(selector,keepData) ;从匹配元素中移除selector元素. …

Jquery 系列（2）选择元素

Jquery基础学习 jQuery利用css选择符的能力,能够在DOM中快捷而轻松地获取元素. 主要内容如下: 介绍DOM树如何通过CSS选择符在页中查找元素扩展jQuery标准的CSS选择符选择页面元素更灵活的DOM遍历方法理解DOM树 DOM(Document Object Model)文档对象模型,可以充当JavaScript和网页之间的接口.jQuery最强大的功能就是能轻松的处理和简化在DOM中选择元素.DOM中各元素的关系,同数据结构中的二叉树的称呼非常相近.元素之间的关系包…

JQuery官方学习资料（译）：选择元素

选择元素 JQuery最基本的概念是“选择一些元素并让它们做些什么”.JQuery支持大部分的CSS3的选择器,以及一些非标准的选择器. 通过ID选择元素 $( "#myId" ); 通过Class选择元素 $( ".myClass" ); 通过Attribute选择元素 $( "input[name='first_name']" ); 通过复合CSS选择器选择元素 $( "#contents ul.people li"…

2.选择元素 - 自定义过滤器《jquery实战》

2.5.6 自定义过滤器 jQuery 中有两种方法创建自定义的过滤器.第一种比较简单,但是不鼓励,从 jQuery 1.8 开始已经被第二种方法取代.记住,使用新方法时,你自定义的过滤器在 jQuery 1.8 之前的版本不可用. 假设一个编程技术游戏.该游戏很多级别,可以区分不同的难度,用户可以获取分数,可以获取不同的编程技能. <ul class="levels"> <li data-level="1" data-points="1…

jQuery基本API小结(上)--选择器-DOM操作-动画-Ajax

一.JQuery基础选择器 1.基本选择器(CSS选择器) 2.$()中的()不一定是指定元素,也可能是函数. 3.“*”号选择器,它的功能是获取页面中的全部元素:$(“*”). 由于使用*选择器获取的是全部元素,因此,有些浏览器将会比较缓慢,这个选择器也需要谨慎使用. 4.sele1,sele2,seleN选择器,同时选中多个元素. 5.层次选择器 ①.$("ance desc")其中ance desc是使用空格隔开的两个参数.ance参数(ancestor祖先的简写)表示父元素:d…

jQuery 实战读书笔记之第二章：选择元素

基本选择器 html 代码如下,后面的 js 使用的 html 基本大同小异. <!doctype html> <html> <head> <title>基本选择器</title> <meta charset="UTF-8" /> <link rel="stylesheet" href="../css/main.css"/> <style> .foun…

jQuery 源码分析(二十) DOM操作模块插入元素详解

jQuery的DOM操作模块封装了DOM模型的insertBefore().appendChild().removeChild().cloneNode().replaceChild()等原生方法.分为5个子模块来实现:插入元素.删除元素.复制元素.替换元素和包裹元素,本节讲解第一个子模块:插入元素插入元素模块可用于新增DOM节点,修改文本节点等,API如下: append(content) ;在被选元素子节点的末尾插入指定内容,内部调用appendChild(elem)方法 ;…

jQuery——选择元素

###理解DOM jQuery最强大的特性之一就是能够简化在DOM中选择元素的任务.**DOM(文档对象模型)**充当了JavaScript与网页之间的接口,它以对象网络而非纯文本的形式来表现HTML的源代码. 关于DOM的学习,在之前的博客中有总结. 用来取得DOM元素树中元素的工具,就是jQuery选择符和遍历方法. ###使用$()函数通过jQuery的各种选择符和方法取得的结果集合会被包装在jQuery对象中,通过jQuery对象实际地操作这些元素会非常简单.可以轻松地为jQuery对…

Jquery DOM元素的方法

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

深度解析JQuery Dom元素操作技巧

深度解析JQuery Dom元素操作技巧 DOM是一种与浏览器.平台.语言无关的接口,使用该接口可以轻松访问页面中所有的标准组件,这篇文章给大家介绍了JQuery dom元素操作方法,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习一下.如有不足之处,欢迎批评指正. DOM是document Object Mode的缩写,意思是文档对象模型.DOM是一种浏览器.平台.语言无关的借口,使用该接口可以轻松访问页面中所有的标准组件.DOM操作可以分为三个方面即DOM Core(核心…