`
隐形的翅膀
  • 浏览: 486474 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery 对一些特殊HTML元素的操作

阅读更多
1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text
3. var checkValue=$("#select_id").val();  //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值
jQuery设置Select选择的 Text和Value:
语法解释:
1. $("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中
2. $("#select_id ").val(4);   // 设置Select的Value值为4的项选中
3. $("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中
jQuery添加/删除Select的Option项:
语法解释:
1. $("#select_id").append("<option value='Value'>Text</option>");  //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>");  //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove();  //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove();  //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove();  //删除Select中Value='3'的Option
5. $("#select_id option[text='4']").remove();  //删除Select中Text='4'的Option



http://www.cnblogs.com/SAL2928/archive/2008/10/28/1321285.html

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
获 取一组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");
多选框 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的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框

------------------------
分享到:
评论

相关推荐

    jQuery快速开发资料jQuery案例 代码 素材 笔记 作业资料.zip

    04-获取特殊元素.html 05-事件三要素.html 06-执行事件步骤.html 07-操作元素之改变元素内容.html 08-innerText和innerHTML的区别.html 09-操作元素之修改元素属性.html 10-分时问候并显示不同图片案例.html 11-操作...

    jQuery权威指南-源代码

    10.7 减少对DOM元素直接操作/332 10.8 正确区分DOM对象与jQuery对象/334 10.8.1 DOM对象与jQuery对象的定义/334 10.8.2 DOM对象与jQuery对象的类型转换/335 10.9 本章小结/337 第11章 综合案例开发...

    超实用的jQuery代码段

    《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发,对最实用的jQuery代码段进行了全方位的介绍和演示。全书分为11章,包含网页效果、DOM元素与属性、HTML事件、CSS样式、用户输入自动完成、拖放、图形...

    Jquery学习笔记分享

    第3章. jQuery中的DOM操作 8 1. 插入节点 8 2. 删除节点 8 3. 复制节点 9 4. 替换节点 9 5. 包裹节点 9 6. 属性操作 9 7. 样式操作 9 8. 设置和获取html,文本和值 10 9. 遍历节点 10 10. css-DOM 操作 10 第4章. ...

    JQuery特殊效果和链式调用操作示例

    本文实例讲述了JQuery特殊效果和链式调用操作。分享给大家供大家参考,具体如下: JQuery的特殊效果 fadeOut()淡入 fadeToggle()切换淡入淡出 hide() 隐藏元素 show() 现实元素 toggle() 切换元素的可见状态 ...

    jquery电子文档chm

    大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求。 注意: 如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml")。错误的 MIME 类型可能导致不可预知的...

    JQuery对id中含有特殊字符的转义处理示例

    有时在处理html时, 为了和php结合的方便, 会利用数组a[]这里的id,或者id中包含其他特殊字符比如 /@ 等为了利用jquery获取该元素, 需要转义特殊字符 直接上例子 代码如下: ”a[]”&gt;kkkkkk&lt;/div&gt; [removed] //方法1 $...

    jQuery选择器中的特殊符号处理方法

    一般情况下,在jQuery选择器中,我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符,因为根据W3C规定,HTML文档中属性的值是不能包含有这些个特殊字符的,但是在实际应用中,偶尔也会遇到表达式中含有“#”和...

    jQuery基础教程(第四版)

    这一章将展示如何使用各种选择符表达式为页面中的不同元素添加样式,其中一些是通过纯CSS方式做不到的。 第3章介绍如何通过jQuery的事件处理机制,在浏览器发生事件时触发行为。同时,还会介绍如何以不唐突的方式...

    jquery-1.1.3 效率提高800%

    Safari 2 3575ms 475ms 753% Opera 9.1 3196ms 326ms 980% Average improvement: 867% &lt;br&gt;下表为jQuery1.1.3与常用的一些JS库选择器的对比: Browser Prototype jQuery Mootools Ext Dojo ...

    【推荐】高清jquery视频教程下载

    特殊符号 38:创建节点 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 ...

    jquery-migrate-1.4.1.min.js

    用js封装的功能库,方便开发者使用。 取得页面中的元素。如果不使用JavaScript 库,遍历DOM (Document Object Model ,文档对象...jQuery 为准确地获取需要检查或操纵的文档元素,提供了可靠而富有效率的选择符机制。

    详解jQuery获取特殊属性的值以及设置内容

    jQuery特殊属性方法 val方法 val方法适用于设置和获取表单元素的值,例如input、textarea的值 //获取name的值 $("#name").val(""); //设置name的值 $("#name").val("张三"); html方法 html方法相当于innerHTML,会...

    前端项目-jquery.lazyloadxt.zip

    它通过只加载可见的媒体元素来提高网站的性能,折叠下的元素在页面滚动后加载。该插件有许多选项,支持回调和特殊的延迟事件,允许具有不同的加载效果(例如淡入和微调器效果)。插件及其插件的示例包括Ajax、背景...

    实测jquery data()如何存值

    今天在js权威指南第19章看到一句话, 说 jQuery的数据框架没有将元素数据当作元素属性来存储,但它确实需要给元素添加一个特殊的属性用来与数据关联. 但jQuery究竟是添加了一个怎样特殊的属性,目前我还没研究, 但我...

    形式:jQuery形式插件

    jQuery表单总览jQuery表单插件允许您轻松,毫不费力地升级HTML表单以使用AJAX。 主要方法ajaxForm和ajaxSubmit从form元素收集信息,以确定如何管理提交过程。 这两种方法都支持众多选项,使您可以完全控制数据的提交...

    jsoup-1.7.2 API CHM格式

    可操作HTML元素、属性、文本; 从之前发布其他chm文件下载用户的反映看,有不少朋友反映下载后打开无法显示,这一般不是chm文件的问题,这里统一说明一下解决办法: 如果文件打开看不到右边的内容,是因为你的...

    jQuery2.0.3_Source_code_parse:我将尽我所能来对jQuery2.0.3的源码进行翻译和一些解释

    jQuery内部方法(使用jQuery版本是2.0.3)【工具方法】 $ .parseHTML(要创建的标签,一部分,是否创建脚本):返回一个创建完的标签数组 ($ .parseHTML(“ [removed] &lt;/ script&gt;“),document,false)...

    jquery-FeelyWikiCode:jquery插件。 FeelyWikiCode是一个将特殊格式的标记代码(类似Wiki代码)转换为HTML的js插件。 用于构造非可视化编辑器

    #jquery_FeelyWikiCode 这是一个jQuery的插件。目的是提供一种类Wiki的标记语言的前端转换。 用于构造非可视化编辑器。 用法: 参考test.html的写法。 如果要设置标题,必须先初始化: $.feelywiki.init({ ...

Global site tag (gtag.js) - Google Analytics