val()方法相当于原生JS中的value属性,用来获取或设置表单元素内容**。**

    ·获取:表单元素的 value语法:jQuery对象.val();

    ·设置:表单元素的value语法:jQuery对象.val(’文本内容’);

    <!DOCTYPE html> <html lang=“en”> <head> <meta charset=“UTF-8”> <meta name=“viewport” content=“width=device-width, initial-scale=1.0”> <title>Document</title> </head> <body> <div class=“box”>这是原始的 div1 <span>span1</span></div> <input type=“text” value=“请输入用户名1”><br> <input type=“text” value=“请输入用户名2”><br> <textarea cols=“30” rows=“10”>请输入自我介绍</textarea><br> <select> <option value=“tianjin”>天津</option> <option value=“beijing”>北京</option> <option value=“shanghai”>上海</option> </select> <script src=“js/jquery-1.12.4.min.js”></script> <script> // 获取元素 var $box = $(“.box”) var $input = $(“input”) var $ta = $(“textarea”) var $se = $(“select”) var $opt = $(“option”) // html 方法 // console.log($input.text()) // console.log($ta.text()) // console.log($ta.html()) // console.log($se.text()) // console.log($se.html()) // console.log($opt.text()) // console.log($opt.html()) // 通过 val() 进行获取 // console.log($box.val()) // console.log($input.val()) // console.log($ta.val()) // console.log($se.val()) // console.log($opt.val()) // 设置内容 // $input.val(“haha”) // $ta.val(“haha”) // $se.val(“beijing”) $opt.val(“guangzhou”) </script> </body> </html>