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

情景

还在用 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()替换即可

html jquery 表单 前端 数据

0 人点赞