js this的用法

来源:互联网 发布:听音识曲软件 编辑:程序博客网 时间:2024/06/05 19:06
<!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'})">
            &nbsp;&nbsp; &nbsp;&nbsp;
           <input type="button" name="btnAdd" id="btnAdd" value="&nbsp;+&nbsp;" class="btn_create" onclick="javascript:test(this);" />
            &nbsp;&nbsp; &nbsp;&nbsp;
                               <input type="button" name="btnAdd" id="btnAdds" value="&nbsp;-&nbsp;" 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">&nbsp; 只可填写数字</span>
        </td>
        <td>&nbsp;&nbsp; 航空公司</td>
        <td>${schAirLine }</td>
    </tr>
</table>
<table  width="100%" border="1" id="teamAirTicketData">
     <tr></tr>  
</table>
</body>
</html>

0 0
原创粉丝点击