码迷,mamicode.com
首页 > 其他好文 > 详细

jqury初学笔记一

时间:2015-01-22 13:03:28      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:

 

页面代码:

<form action="" method="get" name="form1" id="form1">
<input type="text" name="tx1" id="tx1" />
<input type="text" name="tx2" />
<input type="text" name="tx3" />
<br>
<input type="button" name="bt1" id="bt1" value="bta">
<br>
<input type="button" name="bt2" id="bt2" value="btb">
</form>

js代码:

<script type="text/javascript">
        $(function(){
            var val = $("input[type=‘button‘]")[0].nodeValue;   //这里是用Dom模型的nodeValue 属性返回文本节点的文本值    结果为:null    因为该节点没有文本值
            var val = $("input[type=‘button‘]")[1].getAttribute("value");  //这里是用Dom模型的getAttribute() 方法返回属性的值    结果为:btb   
            var val = $("input[type=‘button‘]").val();  //这里是用jquery的val()方法取值,但这里只会取到包装集中第一个的值,取不到其他的值   结果为:bta
            alert(val);
            $("input[type=‘button‘]").each(function(){     //要取到包装集中所有的对象的值,就要遍历该包装集了,可以使用jquery的each()函数遍历
                alert($(this).val());
            });
        });</script>

 

jqury初学笔记一

标签:

原文地址:http://www.cnblogs.com/wohaoshuai/p/4241328.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!