您的位置:首页 > Web前端 > JavaScript

js this的用法

2016-09-18 08:40 176 查看
<!DOCTYPE html>

<html>

<head>

<script src="/jquery/jquery-1.11.1.min.js">

</script>

<html>

<body>

<script type="text/javascript">

$(document).ready(function(){

$("#btnAdds").click(function(){

alert(11111111111111);

 //$(this).hide();

alert(this); //[object HTMLInputElement]

alert(this.id); //myinput

alert(this.value); //javascript中onclick中的this

alert($(this).val()+"ffffffffffff"); //javascript中onclick中的this

});

});

function test(obj){

alert(obj); //[object HTMLInputElement]

alert(obj.id); //myinput

alert(obj.value); //javascript中onclick中的this

}

</script>

<table width="100%" border="3" cellspacing="1" cellpadding="3" class="tableNormal">

<input id="myinput" type="button" value="javascript中onclick中的this" onclick="javascript:test(this);"/>

<tr id="information2" colspan="4">

       <td>* 服务开始时间</td>

        <td>

            <input type="text" onclick="WdatePicker()" class="Wdate" name="dateStart" id="dateStart" maxlength="20" onfocus="WdatePicker({minDate:'2016-04-01'})">

        </td>

        <td>* 服务结束时间</td>

        <td>

            <input type="text" onclick="WdatePicker()" class="Wdate" name="dateFinish" id="dateFinish" maxlength="20" onfocus="WdatePicker({minDate:'2016-04-01'})">

                 

           <input type="button" name="btnAdd" id="btnAdd" value=" + " class="btn_create" onclick="javascript:test(this);" />

                 

                               <input type="button" name="btnAdd" id="btnAdds" value=" - " class="btn_info" />

        </td>

    </tr>

</tr>

    <tr id="information3" >

        <td>* 预售数</td>

        <td>

            <input type="text" name="numPlan" id="numPlan" value="0" style="width:12%;" onkeyup="this.value=this.value.replace(/\D/g,'')"

            onFocus="setTextOptimisedFocus('numPlan');"    onBlur="setTextOptimisedBlur('numPlan');" ><span class="font_gray">  只可填写数字</span>

        </td>

        <td>   航空公司</td>

        <td>${schAirLine }</td>

    </tr>

</table>

<table  width="100%" border="1" id="teamAirTicketData">

     <tr></tr>  

</table>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: