jQuery获取选中内容及设置元素属性的方法

 更新时间:2023年06月09日 00:05:30   投稿:whsnow  
这篇文章主要介绍了jQuery获取选中内容及设置元素属性的方法,需要的朋友可以参考下

获取选中select :

$("#id option:selected").val();

自定义radio:

$("input[name=sex][value="+data.sex+"]").attr("checked",true);

获取radio:

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

设置input不能编辑:

$("#cashNum").attr("disabled","disabled");

jQuery - 获得内容和属性

1、获得内容:text()、html()、val()

三个简单实用的用于 DOM 操作的 jQuery 方法:

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容(包括 HTML 标记)

val() - 设置或返回表单字段的值

2、获得属性:atrr()

jQuery attr() 方法用于获取属性值。

1) 获取 <a class="jb51" id="jbzj" href="https://www.jb51.net">脚本之家</a> 的 href 

$("a").attr("href") 如果多个最好用id,如果class较多影响性能。

一半都是用 class 用

$(".jb51").attr("href")

id

$("#jb51").attr("href")

 2) 获取自定义属性

  <p zhen="true" >总数</p>

$("p").attr("zhen")

 【注】以上是返回被选元素的值,还有设置属性和值。

   1)设置被选元素的属性和值。

   语法:  $(selector).attr(attribute,value)

   用法:  $("img").attr("width","180");  //获取图像的宽度

   2)使用函数,设置被选元素的属性/值

   语法: $(selector).attr(attribute,function(index,oldvalue))   用法: 

$("img").attr("width",function(n,v){
                   return v-50;
               });     //减少图像的宽度 50 像素

    3)为被选元素设置一个以上的属性和值。

   语法:  $(selector).attr({attribute:value, attribute:value ...})

   用法:  $("img").attr({width:"50",height:"80"});  //设置图像的宽和高

到此这篇关于jQuery获取选中内容及设置元素属性的方法的文章就介绍到这了,更多相关jQuery设置获取内容和属性内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • jquery.gridrotator实现响应式图片展示画廊效果

    jquery.gridrotator实现响应式图片展示画廊效果

    本教程将教大家制作一个jQuery响应式图片展示画廊效果,所有图片以网格的形式排列,然后定时随机翻转其中某些格子用来切换图片。这种效果可以用来当做背景或装饰放在我们的网站上。
    2015-06-06
  • jQuery模拟点击A标记示例参考

    jQuery模拟点击A标记示例参考

    本文为大家带来的是jQuery模拟点击A标记,个人感觉这个示例还是不错的,需要的朋友可以参考下
    2014-04-04
  • JQuery为元素添加样式的实现方法

    JQuery为元素添加样式的实现方法

    下面小编就为大家带来一篇JQuery为元素添加样式的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • jQuery中index()的用法分析

    jQuery中index()的用法分析

    这篇文章主要介绍了jQuery中index()的用法分析,针对API示例进行分析,给出了改进方法的实例,需要的朋友可以参考下
    2014-09-09
  • jQuery创建折叠式菜单

    jQuery创建折叠式菜单

    这篇文章主要为大家详细介绍了jQuery创建折叠式菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-06-06
  • jQuery实现鼠标移到某个对象时弹出显示层功能

    jQuery实现鼠标移到某个对象时弹出显示层功能

    这篇文章主要介绍了jQuery实现鼠标移到某个对象时弹出显示层功能,涉及jQuery基于事件响应动态操作页面元素属性相关实现技巧,需要的朋友可以参考下
    2018-08-08
  • JQUERY 设置SELECT选中项代码

    JQUERY 设置SELECT选中项代码

    本篇文章主要是对JQUERY 设置SELECT选中项的代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • jQuery结合HTML5制作的爱心树表白动画

    jQuery结合HTML5制作的爱心树表白动画

    这篇文章主要给大家分享的是一则jQuery结合HTML5制作的爱心树表白动画的特效代码,各位宅在家里的程序猿们,再辛苦的工作,也不要忘记你们的女朋友哦。
    2015-02-02
  • ASP SQL防注入的方法

    ASP SQL防注入的方法

    前一篇我们介绍了一种防SQL注入的终极方法,也就是最原始、最简单、最有效也是最通用的方法,就是数据类型的检查加单引号的处理,具体的内容前面一篇已经介绍过了,这里我就不重复了
    2008-12-12
  • 用Jquery.load载入页面实现局部刷新

    用Jquery.load载入页面实现局部刷新

    用jquery.load的方法载入新的页面,以实现局部刷新,可结果发现载入进来的页面与原来单独的页面不一样,样式没了,关于这个问题,下面有个不错的解决方法
    2014-01-01

最新评论