jq 表单操作

最新推荐文章于 2024-01-16 11:20:16 发布

漂亮有内涵的大妹子

最新推荐文章于 2024-01-16 11:20:16 发布

阅读量318

点赞数

本文链接：https://blog.csdn.net/lujiayingwing/article/details/78345753

版权

点击打开链接

<body>
       <form>
           <input type="text" name='username'/>
           <input type="text" name="num"/>
           <input type="checkbox" checked="checked"/>复选框
           <textarea>HBuilder新版本</textarea>
       </form>
   </body>
   <script src="js/js/jquery-1.12.4.min.js"></script>
   <script>

       //$(':text')==$('input[type=text]')，此简写只能用于表单
       //给input标签添加/修改placeholder属性
       $(':text').attr('placeholder','请输入用户名');
       $('input[name=num]').attr('placeholder','请输入学号');

       //获取placeholder属性的内容
       console.log($(':text').attr('placeholder'));

       //移除input的name属性
       //$(':text').removeAttr('name');

       //给input标签设置value值
       $('input[name=num]').val('111111');

       //获取input标签的value的内容
       console.log($('input[name=num]').val());

       //获取标签里的文本节点内容
       console.log($('textarea').text());
   </script>