前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >获取、修改前端HTML标签信息【jQuery】

获取、修改前端HTML标签信息【jQuery】

作者头像
来杯Sherry
发布2023-05-25 14:15:46
1.3K0
发布2023-05-25 14:15:46
举报
文章被收录于专栏:第一专栏
情景

还在用 document.getelementById('xxx').value 这种方式来获取H妈妈[HTML]某类标签信息嘛,最近用上jquery的方式,爱不释手。下面记录了几个取值案例,(会后续补充)

取值示例
1、 jquery获取input的value属性
代码语言:javascript
复制
<input id="input1" class="input1">
代码语言:javascript
复制
//by id
var inputValue = $('#input1').val();
//by class
var inputValue = $('.input1').val();
2、jquery获取select当前option的value属性
代码语言:javascript
复制
<select id="sid" name="sid" >
代码语言:javascript
复制
//by id
var selectValue = $('#sid').val();
//by name
var selectValue = $('[name = "sid"]').val();
3、利用ajax代替form发送表单数据

HTML再也不用担心我表达不出想要什么了… …

4、修改css样式
代码语言:javascript
复制
$("[name='haha']").css("color","red");
5、父、子选择器
代码语言:javascript
复制
// 修改 class="hot" 元素的父级标签<tr> 属性
      $('.hot').parents('tr').css('color','white');
//修改class="hot" 元素的父级标签<tr>下的<a>属性
      $('.hot').parents('tr').find('a').css('color','white');
提示

获取其它属性将val()替换即可

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-01-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 情景
  • 取值示例
    • 1、 jquery获取input的value属性
      • 2、jquery获取select当前option的value属性
        • 3、利用ajax代替form发送表单数据
          • 4、修改css样式
            • 5、父、子选择器
              • 提示
              领券
              问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档