`
隐形的翅膀
  • 浏览: 497079 次
  • 性别: 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第4天知识点:jQuery节点操作、jQuery特殊属性操作、jQuery事件机制.zip

    二、jQuery特殊属性操作 1. CSS属性:使用`.css("property", "value")`可以设置CSS样式,如`.css("color", "red")`。`.css({"property1": "value1", "property2": "value2"})`可以同时设置多个属性。 2. 数据存储...

    jQuery使用removeClass方法删除元素指定Class的方法

    紧接着,在文档的部分,我们看到了几个具有class="red"的HTML元素(包括两个标题元素`&lt;h1&gt;`和`&lt;h2&gt;`,以及一个段落元素`&lt;p&gt;`)。这些元素的文本默认情况下为红色字体,但并没有任何加粗或特殊字体大小的样式。 在`...

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

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

    jQuery实现的纯HTML模板进行ajax数据绑定

    在本示例中,HTML模板是预先定义好的HTML结构,其中包含了一些特殊的占位符,用于在运行时被数据替换。这些占位符通常使用特定的语法,如Mustache或Handlebars等模板引擎的语法。然而,由于题目中提到的是“纯HTML...

    唯美表白动画代码jQuery跟Html5实现

    首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。在"唯美表白动画"项目中,jQuery被用来实现页面元素的动态展示和交互效果。例如,通过`.fadeIn()`和`.fadeOut...

    jquery导入word.docx

    2. 元素操作:jquery提供了多种方式来操作HTML元素,例如:添加、删除、修改元素的属性和内容等。 3. 事件绑定:jquery提供了多种方式来绑定事件,例如:click、mouseover、mouseout等。 三、jquery的事件 jquery...

    JQuery获取与设置HTML元素的内容或文本的实现代码

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作,包括获取和设置HTML元素的内容或文本。在本文中,我们将深入探讨如何使用jQuery的`html()`和`text()`方法来实现这些功能。 首先,我们...

    jQuery第2天知识点:jQuery 样式操作、jQuery 属性操作.zip

    jQuery提供了丰富的API用于操作HTML元素的CSS样式。以下是一些主要的方法: 1. **`.css()`**:这是最常用的方法,用于获取或设置一个或多个CSS属性。例如,`$('selector').css('property', 'value')`可以用来设置...

    jquery实现鼠标框选多个页面元素

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。本示例探讨的是如何使用jQuery实现一个名为DrawSelect的插件,该插件允许用户通过鼠标框选页面上的多个元素。这个...

    第四课 jquery选择元素1

    本课主要介绍了jQuery中用于选择页面元素的几种方法,包括元素选择器、ID选择器、类选择器、属性选择器以及其他一些特殊选择器。 一、元素选择器 元素选择器是通过元素的标签名来选取页面上的特定元素。例如,`$(...

    简单的HTML元素发音音频特效jQuery插件

    HTML元素发音音频特效jQuery插件是一种便捷的工具,它利用HTML5的audio元素技术,为网页中的各种HTML元素添加声音效果。这个插件的核心目的是增强用户体验,通过声音反馈提升交互性,尤其适用于教学、游戏或者任何...

    JQuery1.4.1

    - **jquery-1.4.1-vsdoc.js**: 这是一个特殊版本,包含jQuery库的文档信息,主要用于Visual Studio IDE中的IntelliSense智能提示,帮助开发者在编写代码时提供自动补全功能。 ### 4. jQuery 1.4.1 中的API - `....

    jQuery文章.rar

    同时,jQuery提供了一些特殊的事件,如`.load()`用于监听元素加载完成。使用`.off()`可以解除事件绑定,`.trigger()`则能触发已绑定的事件。 五、Ajax jQuery的`.ajax()`方法是进行异步数据交互的核心,它可以处理...

    jQuery设计思想完整篇

    链式操作是jQuery设计思想中的一个核心概念,它允许开发者把多个操作连结在一起,形成一条命令链,从而对选中的元素执行一连串的动作。这一特性极大地提高了代码的简洁性和可读性。例如,语句$('div').find('h3').eq...

    页面滚动元素动画效果jQuery插件

    jQuery的核心特性包括选择器(用于选取DOM元素)、遍历DOM、操作CSS属性、处理事件以及创建高效动画效果。在本案例中,我们关注的是jQuery在实现页面滚动元素动画效果方面的应用。 **jQuery.scrollfx插件** `...

    HTML5+jQuery制作温馨浪漫爱心表白动画特效

    此外,jQuery的事件监听和选择器功能可以帮助我们精确地控制动画的触发时机和目标元素。 在制作爱心表白动画特效时,我们首先需要在HTML文件中设置基本的布局结构,可能包括一个大背景图片、一个用于放置爱心的容器...

    初始jQuery

    使用jQuery的样式操作方法,可以轻松地为页面元素添加样式,而无需直接修改HTML或使用内联样式,保持了良好的代码组织和可维护性。 #### 四、元素导航 1. **使用next()方法获取同级元素** `next()` 方法用于...

    《JQuery 能干点啥~》第四讲 html() 与 text()的赋值比较

    本讲我们将深入探讨jQuery中的两个核心方法——`html()`和`text()`,它们都用于设置或获取HTML元素的内部内容,但各自有着独特的特性和用途。通过对比和实例分析,我们将更清楚地理解它们之间的差异。 `html()`方法...

    jQuery计算器带操作记录.zip

    该计算器的HTML结构通常包括一个输入框(用于显示计算结果和用户输入),一组按钮(包含数字、运算符以及清除、等于等特殊功能键),以及一个区域用于展示操作记录。在`说明.htm`文件中,可能会详细介绍如何部署和...

    jquery-jar包

    例如,通过简单的"$()"选择器,我们可以快速选取DOM元素,再配合各种方法如".html()"、".append()"等,可以方便地进行DOM操作。此外,jQuery还提供了强大的事件处理机制和丰富的动画效果,使得网页交互更加生动。 ...

Global site tag (gtag.js) - Google Analytics