1、jQuery的查找元素节点|属性节点|文本节点
2、代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery的查找元素节点|属性节点|文本节点</title> <script type="text/javascript" src="jquery-1.7.2.js"></script> <script type="text/javascript"> $(function(){ //1.查找元素节点:通过$(选择器) //需求:获取#city节点下<li>节点的个数 var liLen = $("#city li").length; alert(liLen); //4 //2. 操作属性节点: 通过jQuery对象的attr()方法. //注: 直接操作value属性值可以使用更便捷的val()方法. //需求:获取name='username'的文本节点的value属性值,并修改它 alert($(":text[name='username']").attr("value")); //atguigu $(":text[name='username']").attr("value","尚硅谷") //3. 操作文本节点: 通过jQuery对象的text()方法 //需求:获取#bj节点的文本值,并修改它 alert($("#bj").text()); //北京 $("#bj").text("尚硅谷"); }) </script> </head> <body> <p>你喜欢哪个城市?</p> <ul id="city"><li id="bj" name="BeiJing">北京</li> <li>上海</li> <li id="dj">东京</li> <li id="se">首尔</li> </ul> <br><br> <p>你喜欢哪款单机游戏?</p> <ul id="game"> <li id="rl">红警</li> <li>实况</li> <li>极品飞车</li> <li>魔兽</li> </ul> <br><br> gender: <input type="radio" name="gender" value="male"/>Male <input type="radio" name="gender" value="female"/>Female <br><br> name: <input type="text" name="username" value="atguigu"/> </body> </html>
3、原始界面
4、案例1
5、案例2
6、案例3
相关推荐
尚硅谷_佟刚_jQuery_表单元素过滤选择器【】11.尚硅谷_佟刚_jQuery_第一天小结【】12.尚硅谷_佟刚_jQuery_选择器的练习【】13.尚硅谷_佟刚_jQuery_创建节点及插入节点【】14.尚硅谷_ 资源太大,传百度网盘了,链接在...
jQuery第4天知识点:jQuery节点操作、jQuery特殊属性操作、jQuery事件机制.zip
尚硅谷JQuery视频教程尚硅谷JQuery视频教程尚硅谷JQuery视频教程尚硅谷JQuery视频教程
jQuery 1.5 遍历xml节点属性源码,请参照博客文章http://blog.csdn.net/Pipi0714/archive/2011/02/16/6187357.aspx
尚硅谷关于jQuery学习的教学课件,有需要的可以下载参考(*^▽^*)
第十一节:jQuery速成 - 元素属性的设置与移除 第二章:进阶篇 - 对象的筛选 第十二节:jQuery速成 - 过滤 第十三节:jQuery速成 - 查找 第十四节:jQuery速成 - 串联 第三章:文本篇 - 对象文本处理 第十五节:...
jquery实现父元素大小改变插件:jquery-resize
创建节点 39:追加节点1 40:追加节点2 41:插入节点1 42:插入节点2 43:删除节点1 44:删除节点2 45:参数删除 46:清空节点 47:克隆节点 48:替换节点1 49:替换节点2 50:包裹节点1 51:包裹节点2 52:wrapInner 53:属性操作 ...
jQuery 是继 Prototype 之后又一个优秀的 JavaScript 库 jQuery 理念: 写得少, 做得多. 优势如下: 轻量级 强大的选择器 出色的 DOM 操作的封装 可靠的事件处理机制 完善的 Ajax 出色的浏览器兼容性 链式操作方式 ...
jquery 节点 查找节点 jquery 节点 查找节点
jquery 插入节点 节点jquery 插入节点 节点
04_尚硅谷_jQuery_王振国 - 课堂笔记1
* $.ckIsEmail(str, ifAlert),返回是否为正确邮箱格式 str: jquery对象||元素ID||字符串 ifAlert: 是否弹出错误信息 * $.ckIsUrl(str, ifAlert), 返回是否是正确的URL格式地址 str: jquery对象||元素ID||字符串 ...
jquery 替换节点 节点jquery 替换节点 节点
先来最简单的查找节点操作。 为了能全面地讲解DOM操作,首先需要构建一个网页。因为每一张网页都能用DOM表示出来,而每一份DOM都可以看作一棵DOM树。HTML代码如下: 欢迎访问软件开发网>欢迎访问软件开发网 简单...
jQuery动态添加节点循环流程图表代码
主要介绍了jquery 取子节点及当前节点属性值的方法,比较适合新手,也比较实用,需要的朋友可以参考下
AddTxtToCaret:添加文本到光标位置 jquery.colorbox:完美的jquery弹出层支持图片播放 jquery.contextmenu.r2:jquery右键菜单 jquery.cookie:jquery Cookie操作 jquery.form:jquery表单提交(ajax方式或其它方式...
jquery 包裹节点 节点jquery 包裹节点 节点
主要介绍了jQuery查找节点并获取节点属性的方法,涉及jQuery简单获取节点及attr与text方法读取元素属性的相关技巧,需要的朋友可以参考下