jqury初学笔记一

 

页面代码：

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