博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery 备忘笔记
阅读量:5337 次
发布时间:2019-06-15

本文共 1523 字,大约阅读时间需要 5 分钟。

1.选择器

       a.查询所有以某字符串开头的元素

    $("input[id^='dgItem_txt']")

  b.获取一组单选按钮中选中的值

    $("input[name='items']:checked").val();  

  c.jquery操作表单

    获取一组radio被选中项的值 

      var item = $("input[name='items']:checked").val(); 
    获取select被选中项的值 
      $('#select').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,很多东西不熟悉 
    d.jquery中的$("")找到了问题的原因: 
      $("")是一个jquery对象,而不是一个dom element 
      value是dom element的属性 
      jquery与之对应的是val 
      val() :获得第一个匹配元素的当前值。 
      val(val):设置每一个匹配元素的值。 

转载于:https://www.cnblogs.com/LionheartCGJ/p/7905295.html

你可能感兴趣的文章
Activity
查看>>
事件驱动模型
查看>>
LiteDB源码解析系列(1)LiteDB介绍
查看>>
ORACLE 异常错误处理
查看>>
0x03 前缀和与差分
查看>>
在C#中调用格式工厂进行任意视频格式到FLV的转换
查看>>
Centos6.9下安装OpenOffice 4.1.4
查看>>
oracle 创建用户 导入备份数据
查看>>
教大家使用Python SqlAlchemy- 51jb
查看>>
009 微服务容错机制
查看>>
vue的安装以及语法介绍
查看>>
【学习笔记】慕课网—Java设计模式精讲 第3章 软件设计七大原则-3-2 开闭原则...
查看>>
实时检测网络状态及是否可以连接Internet
查看>>
浅谈 qmake 之 pro、pri、prf、prl文件
查看>>
F WebDriver and 环境配置
查看>>
使用思维导图编写用例
查看>>
图标名称大写导致R&nbsp;cannot&amp;nb… 分类: A...
查看>>
Error: [WinError 10013] 以一种访问权限不允许的方式做了一个访问套接字的尝试。...
查看>>
SpringMVC 拦截器简单配置
查看>>
第一次作业小结
查看>>