• jquery的html,val,text,attr方法


    jquery的html,val,text,attr平时使用很多,用户设置内容使用。现在学习一下使用方法。
      先贴上一段Html代码

    <body>
      <form id="form1" action="#">
    		 <select id="select1" name="test" multiple="multiple" style="height:100px">
    				<option>浙江</option>
    				<option selected="selected">湖南</option>
    				<option>北京</option>
    				<option selected="selected">天津</option>
    				<option>广州</option>
    				<option>湖北</option>
    		    </select>
        
         <br/>
    
    		    <input type="checkbox" name="newsletter" checked="true" value="test1" />test1</input>
    		    <input id="input1" name="name" type="text" value="dd" ></inut>
      </form>
      
    	<div id="div1">
    		<input id="input1" name="name" type="text" value="dd" >Pl</inut>
    		<p><b>Hello</b> fine</p>
    	</div>
    
    </body>

    1、html方法,类似于javascript众的InnerHtml属性,可以用来读取或者设置某个元素中的HTML内容。有两种用法,不带参数的,它表示提取里面的html代码,带参数的表示设置其html代码,传的是string或返回string的函数。
    例:
      $('#div1').html()  返回:<input id="input1" name="name" type="text" value="dd" >Pl</inut>
    <p><b>Hello</b> fine</p>
      $('#div1').html('<h1>H1</h1>')  设置div的内容为html代码'<h1>H1</h1>';

    2、val方法,设置或提取具有value属性的html代码,也支持select或其它(可自己测试)。与html类型,带参数表示设置,可用传入string或返回string的函数。
    例:
    $('#input1').val()  返回: dd
    $('#select1').val() 返回: 选择了selected的Array数组
    $('#input1').val('ss')  设置id为input1的value为ss

    3、text方法,类似于javascript众的InnerText方法,可以用来读取或者设置某个元素的文本内容 。使用方法与val类似。

    4、attr方法,来获取和设置元素的各种属性。带一个string参数的是返回这个属性的值,带两个参数的是设置这个属性的值。也可直接使用json来设置其属性,这样方便多了。
    例:
    $('#input1').attr('value')  返回 dd
    $('#input1').attr('value','新')  设置其value为新
    $('#input1').attr({name:'new',value:'新'}) 设置基name为new,value为新


    总结
      方法html,val,text用法相似,不带参数是取值,带参数是设值。
      jquery很强大。
  • 相关阅读:
    页面切换主题风格,利用本地缓存
    http请求响应的组成部分的介绍 用cherome查看请求响应内容 curl命令行的使用
    Linux命令学习 ls cat mv touch
    git入门 关于git init,git add,git commit -v 的使用
    CentOS7使用RPM安装Package遇到 error: Failed dependencies,解决方案。
    CentOS7/Linux 使用本地光驱制作yum源并且永久保存
    CentOS7压缩目录及解压
    Linux硬盘分区挂载及swap分区扩容
    Linux系统新建用户用ssh远程登陆显示-bash-4.1$
    Linux系统编程-进程控制
  • 原文地址:https://www.cnblogs.com/firstdream/p/2341042.html
Copyright © 2020-2023  润新知