体验jQuery

体验jQuery

让div显示与设置内容

使用JavaScript开发过程中，有许多不便之处

1.查找元素的方法太少，麻烦。

2.遍历伪数组很麻烦，通常要嵌套一大堆的for循环。

3.有兼容性问题。

4.想要实现简单的动画效果，也很麻烦

代码冗余。

$(document).ready(function () {

   $('#btn1').click(function () {

    隐式迭代：偷偷的遍历，在jQuery中，不需要手动写for循环了，会自动进行遍历。

       $('div').show(200);

  });

​

   $('#btn2').click(function () {

       $('div').text('我是内容');

  });

});

优点总结：

1.查找元素的方法多种多样，非常灵活

2.拥有隐式迭代特性，因此不再需要手写for循环了。3.完全没有兼容性问题。

3.实现动画非常简单，而且功能更加的强大。

4.代码简单、粗暴。

jQuery的再次体验:

 </script>

 <input type="button" value="显示效果" id="btn">

    <p>第一个</p>

    <p>第二个</p>

    <p>第三个</p>

    <p>第四个</p>

    <p>第五个</p>

    <script src="./jquery-1.12.2.js"></script>

    <script>

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

            $("p").text("我们都是p");

        })

    </script>