`

jQuery对一些HTML组件的基本操作

阅读更多
获取radio button被选中的值
var value = $('input[@name=items][@checked]').val();
获取下拉列表框中的文本
var text = $('select[@name=items]option[@selected]').text();
制定下拉列表框中的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio button的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

文本框、文本区域的取值
$("#txt").attr("value");
复选框
$("#checkbox_id").attr("value");
radio button取值
$("input[@type=radio][@checked]").val();
下拉列表框取值
$('#select').val();

复选框
$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'100');//填充内容

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

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

下拉列表框
$("#select").attr("value",'-3');//设置value=-3为当前选中项的值
$("<option value='1'>10</option><option value='2'>20</option>").appendTo("#select")//添加下拉框的option
$("#select").empty();//清空下拉框
分享到:
评论

相关推荐

    jQuery封装的组件

    本文将深入探讨一个基于jQuery封装的组件,通过标题"jQuery封装的组件"我们可以推测,这是一个利用jQuery创建的自定义UI元素或功能模块。描述中的链接指向了一篇博客文章,虽然具体内容无法直接提供,但我们可以根据...

    jquery_tree 树形组件

    jQuery Tree组件是基于流行的JavaScript库jQuery构建的,它为开发者提供了在网页上创建交互式、可操作的树状结构的能力。这个组件设计精巧,易于集成,功能强大,使得用户可以方便地对层次化的数据进行浏览和管理。 ...

    Jquery遮罩层组件

    2. **基本使用**:在 HTML 结构中,我们可以为需要添加遮罩层的元素添加特定的类名,如 `.reveal-modal`,然后通过 jQuery 触发显示遮罩层的事件,例如: ```javascript $('.reveal-modal').reveal(); ``` **二、...

    jQuery步骤组件

    jQuery步骤组件是一种基于jQuery库的前端开发工具,用于创建引人入胜的多步骤表单或向导式界面。在本案例中,我们使用的jQuery版本是1.10.2,因为1.8.3可能存在与该组件不兼容的问题。确保使用正确的jQuery版本对于...

    jquerycasecader一个jquery级联下拉组件

    **jQuery Casecader 级联下拉组件详解** `jQuery Casecader` 是一个用于构建级联下拉菜单的插件,适用于那些需要多级选择或者联动效果的Web应用。在JavaScript开发中,特别是在前端交互设计中,这种组件非常常见,...

    jQuery日历组件

    在本文中,我们将深入探讨jQuery日历组件的基本概念、实现原理以及如何使用和定制。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。jQuery日历组件通常是基于...

    jquery select2组件

    这款组件广泛应用于网页开发中,使得传统的单选或多选下拉菜单变得更加美观且易于操作。 ### 1. 基本使用 在开始使用`Select2`之前,确保已经引入了`jQuery`库和`Select2`的CSS与JS文件。通常情况下,你可以在项目...

    jquery 流程图组件GooFlow

    《jQuery流程图组件GooFlow深度解析》 在Web开发中,流程图是一种直观展示程序逻辑或业务流程的重要工具。jQuery作为一款广泛使用的JavaScript库,为开发者提供了丰富的功能和便捷的API。今天我们要探讨的是一款...

    基于jQuery 开发的几个组件 (Table, Grid ,Menu ,Layout)

    要构建一个基本的jQuery Menu,首先引入jQuery和jQuery UI库,然后对HTML元素应用`ui-menu`类并使用`menu()`方法初始化: ```html &lt;li&gt;&lt;a href="#"&gt;Item 1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Item 2 &lt;li&gt;&lt;a href="#"&gt;...

    jquery的三种ajax上传组件

    例如,可以通过阅读`jquery-1.9.1.js`了解jQuery的基本操作,然后在`ajaxfileupload.js`和`jquery.MultiFile.js`中寻找特定的上传逻辑,以便优化或扩展功能。 总之,jQuery的这三种Ajax上传组件为Web开发提供了强大...

    jQuery EasyUI 常用UI组件.RAR

    jQuery EasyUI 是一个基于 jQuery 的前端开发框架,它提供了一系列易于使用的UI组件,极大地简化了网页界面的构建过程。这个RAR文件包含的是jQuery EasyUI的常用UI组件,版本为1.0.5。以下是关于jQuery EasyUI及其...

    jQuery仿京东页面制作,组件封装

    在本项目中,“jQuery仿京东页面制作,组件封装”是...通过学习和实践这个项目,初学者不仅可以掌握jQuery的基本技术,还能提升对Web前端开发的整体理解。同时,项目的逻辑思路清晰,代码简洁,使得学习过程更为顺畅。

    JQUERY-window弹出框-组件v1.0

    在这个“JQUERY-window弹出框-组件v1.0”中,我们聚焦于一个特定的功能:创建可配置的弹出窗口,具备关闭和最大化等常见操作。 首先,jQuery插件是扩展jQuery功能的代码模块,它们通常包含一系列方法和函数,用于...

    基于jquery的一个图片新闻轮播组件

    **jQuery图片新闻轮播组件详解** 在Web开发中,图片新闻轮播组件是常见的功能,用于展示多张图片或新闻标题,以节省页面空间并增强用户体验。本篇将深入讲解基于jQuery实现的一个高效、灵活且美观的图片新闻轮播...

    jquery移动开发组件包

    `jquery.mobile-1.2.0` 文件夹中可能包含了一些示例代码,这些实例可以帮助开发者了解如何使用各种组件和方法,快速上手开发。通过查看和运行这些例子,你可以学习到如何创建页面、添加组件、处理事件以及实现页面间...

    基于 jQuery简单的页面引导组件

    组件基本概念** 页面引导组件(Page Intro)是一种网页互动设计技术,用于向初次访问或不熟悉网站的用户提供引导性提示。这些提示通常包含步骤指示、高亮显示关键元素、显示信息框等,帮助用户快速理解和掌握网站...

    jquery实现分页组件

    1. **jQuery基础**:了解jQuery的基本用法是实现分页组件的前提。这包括选择器(如ID选择器、类选择器、属性选择器等)、DOM操作(如`$(selector).html()`、`$(selector).append()`等)、事件绑定(如`$(selector)....

    基于jQuery的Web前端组件的应用研究.pdf

    本文探讨了基于jQuery的Web前端组件的应用研究,以及如何在项目中引入jQuery库和使用jQuery UI库中的可折叠面板窗口部件。下面详细解读这些知识点。 首先,文章提到了前端组件化问题及目前流行的几种方案,包括...

    jQuery UI Autocomplete是jQuery UI的自动完成组件

    该组件的基本用法包括以下几个步骤: 1. **引入依赖**:首先,你需要在HTML页面中引入jQuery库、jQuery UI库以及Autocomplete的CSS和JavaScript文件。 2. **准备数据源**:Autocomplete需要一个数据源来提供建议。...

Global site tag (gtag.js) - Google Analytics