jQuery操作HTML元素

标签: jquery html 元素 | 发表时间:2012-11-16 10:44 | 作者:chinaboykai
出处:http://blog.csdn.net
JQuery 获取、设置input的值$("#txtID").val();
$("#txtID")attr("value", "123");
JQuery 获取、设置label的值$("#labelID").text(); $("#labelID").html(buildName); 

获取选中的值
获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();

获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();

select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;

radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

获取值:
文本框,文本区域:

$("#txt").attr("value");

$("#txt").val();

多选框checkbox:
$("#checkbox_id").attr("value");

单选组radio:
$("input[@type=radio][@checked]").val();

下拉框select:
$('#sel').val();

控制表单元素:
文本框,文本区域:

$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容

多选框checkbox:
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio:
$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

下拉框select:
$("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("<optionvalue='1'>1111</option><optionvalue='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

作者:chinaboykai 发表于2012-11-16 10:44:44 原文链接
阅读:0 评论:0 查看评论

相关 [jquery html 元素] 推荐:

jQuery操作HTML元素

- - CSDN博客推荐文章
JQuery 获取、设置input的值$("#txtID").val();. JQuery 获取、设置label的值$("#labelID").text(); $("#labelID").html(buildName); . 获取一组radio被选中项的值. 获取select被选中项的文本. select下拉框的第二个元素为当前选中值.

nodejs上HTML分析利器node-jquery

- - 博客园_首页
      首先描述产生这篇随笔的场景:我需要获取项目在jenkins构建的最新Javascript Coverage显示在供管理层次查看的项目情况Report上,但是由于jenkins没有直接的API取得数据所需数据,所以我们只能从自建的容器发布Javascript Coverage数据API,供Report项目使用.

jQuery的html()函数和原生innerHTML属性比较

- - WebUI框架使用参考
不可否认jQuery是一个很犀利的工具,很容易让人对其产生依赖感. 不过好的工具不一定是最适合的解决方案,就跟漂亮的女人并一定适合做你老婆的道理是一样的. 本篇文章针对jQuery的html()函数和javascript原生innerHTML属性的优缺点做概要比较. innerHTML属性的优点. innerHTML是w3c制定的行业标准,几乎所有浏览器都做了支持;.

html 关于块级元素和行内元素

- - CSDN博客推荐文章
内联元素(inline element). * acronym - 首字. * b - 粗体(不推荐). * code - 计算机代码(在引用源码的时候需要). * dfn - 定义字段. * font - 字体设定(不推荐). * input - 输入框. * kbd - 定义键盘文本. * label - 表格标签.

浅谈jquery中,html、val与text三者属性取值的联系与区别

- - CSDN博客Web前端推荐文章
学了一段时间的Jquery了但是我老是分不太清html、val、text这三者之间的属性以及之间的联系与区别,下面我就给大家举例一些简单的来区分jquery这三者之间的关系. jquery中,html、val与text三者属性取值的联系与区别. 首先,html属性中有两个方法,一个有参,一个无参. 无参html():取得第一个匹配元素的html内容.

【外刊IT评论网】HTML 5 的自定义 data-* 属性和jquery的data()方法的使用

- - 外刊IT评论网
人们总喜欢往HTML标签上添加自定义属性来存储和操作数据. 但这样做的问题是,你不知道将来会不会有其它脚本把你的自定义属性给重置掉,此外,你这样做也会导致html语法上不符合Html规范,以及一些其它副作用. 这就是为什么在HTML5规范里增加了一个 自定义data属性,你可以拿它做很多有用的事情.

11个jQuery表单元素美化插件

- Ulysses - 帕兰映像
因为浏览器兼容性的原因,表单元素往往是整个网页设计过程中最难以美化的,尤其是单选按钮、下拉选择框和复选框. 不过我们可以通过jquery来美化它样. 下面为大家推荐11个简单易用的jQurey插件,其中既有干净小巧的按钮,也有独特的iphone风格的棒形按钮切换,相信它们能帮助你打造自己的表单版式.

jQuery参考实例 1.2 在DOM加载完毕,页面元素完全加载之前运行jQuery/JavaScript代码

- - CSDN博客推荐文章
本文翻译自jQuery Cookbook (O’Reilly 2009) 1.2 Executing jQuery/JavaScript Code After the DOM Has Loaded but Before Complete Page Load. 主流的JavaScript应用程序一般只在DOM完全加载后才运行JS代码.

HTML 安全列表

- 火锅土豆 - 酷壳 - CoolShell.cn
下面这个网站罗列了,几乎所有的关于HTML 5 在各种主流浏览器上的安全问题,这些安全问题很有可能将会是黑客攻击你的网上的敲门砖,他们几乎都和Javascript都有关系,你就要好好注意了. IE6,7,8,9,和Opera 8.x, 9.x, 10.x 都支持这样的语法. 这个问题会存在于所有的Firefox版本中,可以让用户进行XSS(跨站脚本)攻击.

HTML学习笔记

- - CSDN博客推荐文章
超文本标记语言( 英文:HyperText Markup Language,HTML)是为“ 网页创建和其它可在 网页浏览器中看到的信息”设计的一种 标记语言. HTML被用来结构化信息——例如标题、段落和列表等等  点击打开链接. w3schools  点击打开链接 {语法大全,超赞.