`
tianwaishan
  • 浏览: 3873 次
  • 性别: Icon_minigender_1
  • 来自: 河南
最近访客 更多访客>>
社区版块
存档分类
最新评论

入门jquery

    博客分类:
  • js
阅读更多
   1. function get_form_value(){
   2. 
   3. /*获得TEXT.AREATEXT的值*/
   4. 
   5. var textval = $("#text_id").attr("value");//或者
   6. 
 

var textval = $("#text_id").val();
   8. 
   9. /*获取单选按钮的值*/
  10. 
  11. var valradio = $("input[@type=radio][@checked]").val();
  12. 
  13. /*获取复选框的值*/
  14. 
  15. var checkboxval = $("#checkbox_id").attr("value");
  16. 
  17. /*获取下拉列表中所有的值*/
  18. 
  19. var selectval = $('#select_id').val();
  20. 
  21. //获取下拉列表选取中的值,此方法针对所有下拉框都起作用的
  22. 
  23. //此方法针对所有下拉框都起作用的
  24. 
  25. //如果针对某ID进行获取,$(‘#id>option’).each()即可
  26. 
  27. $('select>option').each(function(){
  28.     if($(this).attr('selected')==true{
  29.     alert($(this).text());}
  30. })
  31. }
$("#text_id").attr("value",'');//清空内容

$("#text_id").attr("value",'test');//填充内容

//多选框checkbox:

$("#chk_id").attr("checked",'');//未选中的值

$("#chk_id").attr("checked",true);//选中的值

if($("#chk_id").attr('checked')==undefined) //判断是否已经选中

//单选组radio:

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

//下拉框select:

$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项

$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的 option

$("#select_id").empty();//清空下拉框
分享到:
评论

相关推荐

    Jquery,15天学会,Ajax框架,入门Jquery

    **jQuery:快速上手与深入理解** jQuery是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、...这样,你不仅能快速入门jQuery,还能逐步精通Ajax框架的运用,为成为前端开发高手铺平道路。

    互动应用开发入门jquery第一讲ppt

    互动应用开发入门 jquery基础学习第一讲 jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法。 jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。

    jquery快速入门实例

    本教程将引导你快速入门jQuery,通过基础实例帮助你掌握其核心概念。 ### 1. jQuery 构造函数与 $(document).ready() `$` 符号是 jQuery 的核心构造函数,它可以用来选择和操作DOM元素。`$(function() {...})` 是...

    一个简约的HTML 用于初学者学习 还有一些入门jquery插件

    jQuery插件是扩展jQuery功能的预编写代码,它们通常封装了一些复杂的操作或特效,使得开发者能快速实现特定效果。例如,有一个很受欢迎的jQuery插件叫Bootstrap,它提供了一系列预先设计的UI组件,如导航条、按钮组...

    jQuery中文入门指南

    总结来说,这份《jQuery中文入门指南》涵盖了从安装、基础操作到高级特性的全面内容,是初学者入门jQuery的宝贵资源。通过实践和学习,读者可以逐步掌握jQuery的核心概念和用法,从而提高网页开发效率,创建更加动态...

    jquery mobile快速入门

    jquery mobile快速入门 jquery mobile快速入门 jquery mobile快速入门 jquery mobile快速入门

    jQuery入门学习资料

    本资料旨在帮助初学者快速入门jQuery,掌握其基本用法和核心概念。 ### 一、jQuery简介 jQuery由John Resig于2006年创建,它的理念是“Write Less, Do More”。jQuery的核心特性包括选择器、DOM操作、事件处理、...

    jQuery Starterkit

    这个"jQuery Starterkit"是一个针对初学者的资源集合,旨在帮助用户快速入门jQuery,解决常见问题,并提供API参考。 **jQuery中文入门教程** 在压缩包中的"jQuery中文入门教程_译自Getting Started with jQuery....

    jquery快速入门

    本篇教程将带你快速入门 jQuery,了解其基本概念和核心功能。 首先,jQuery 的引入很简单,只需要在 HTML 页面的 `&lt;head&gt;` 标签内加入一个 `&lt;script&gt;` 标签,引用 jQuery 的 js 文件。例如: ```html ...

    jquery插件开发快速入门

    ### jQuery插件开发快速入门详解 #### 一、概述 jQuery 是一款轻量级的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作。由于其简单易用的特点,jQuery 成为了最受欢迎的前端库之一...

    Jquery从入门到精通

    **jQuery入门** jQuery是一款高效、简洁的JavaScript库,它的出现极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。"jQuery从入门到精通"这个主题将带你全面了解和掌握这一强大的工具。 首先,...

    jquery从入门到精通

    jquery、javascript、入门到精通,jquery从入门到精通

    jquer jquery mobile快速入门

    jquery mobile快速 jquery mobile快速入门入门 jquery mobile快速 jquery mobile快速入门入门

    Jquery入门教程 比较经典的学习Jquery框架的书

    本篇教程是针对初学者设计的,旨在帮助新手快速入门jQuery框架。 **jQuery核心概念** 1. **选择器(Selectors)**:jQuery的选择器类似于CSS选择器,用于在文档中找到特定的HTML元素。例如,`$("#myID")`选择具有...

    jQuery.zip javascript 前端 菜鸟入门

    这个压缩包文件"jQuery.zip"显然是为前端开发初学者准备的,旨在帮助他们快速入门jQuery的世界。 **jQuery-3.2.1.js 和 jQuery-3.2.1.min.js** 这两个文件是jQuery库的两个版本。"jQuery-3.2.1.js"是未压缩的源...

    jquery基础教程中文版2015

    **jQuery基础教程中文版2015** ...2015年发布的这个基础教程,...总结,jQuery基础教程2015版是初学者入门jQuery的良好资料,通过学习,你可以掌握这一强大的工具,提升网页开发效率,创造更加动态和交互性强的Web应用。

    jQuery经典入门教程

    jQuery经典入门教程,供学习交流,谢谢~

    jQuery1.4.1 小结

    快速入门 jQuery 的核心理念是“Write Less, Do More”。它通过简洁的语法来包装复杂的JavaScript功能。例如,只需一行代码`$("p").hide()`,就能隐藏页面上所有的段落元素。 ### 2. 选择器 jQuery 支持CSS1-CSS...

Global site tag (gtag.js) - Google Analytics