jq 表单操作

来源：互联网发布：2016江西统计局数据编辑：程序博客网时间：2024/06/08 20:13

点击打开链接

<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>

阅读全文

0 0