Jquery 根据HTML内容选择元素

自定义选择符 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基础教程：选择元素（上）

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

jquery （对内容，元素，属性，class的操作）

对内容的操作: 捕获:获得内容 text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值. 设置:设置内容添加新内容: text("新内容") - 设置所选元素的文本内容html("新内容") - 设置所选元素的内容(包括 HTML 标记)val("新内容") - 设置表单字段的值添加新内容的同时,通过回调函数,拿到旧的内容和当前元素的下标: <…

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

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

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"…

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

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

浏览器console中加入jquery，测试选择元素

一.chrome浏览器F12打开调试界面,在console中输入(firefox同样可以): var jquery = document.createElement('script'); jquery.src = "http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js";//若调试页面是https的这里也修改为https. document.getElementsByTagName(].appendChild(jquery); jQ…