jQuery基础----02jQuery选择器和事件-选择器

来源:互联网 发布:太平洋软件下载 编辑:程序博客网 时间:2024/05/13 13:53
<!DOCTYPE html><!--jQuery选择器和事件-选择器--><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <script src="jquery-2.1.4.min.js"></script>    <script src="js02.js"></script></head><body>   <!--点击button对p元素进行修改-->   <p>p1</p>   <p id="pid2">p2</p>   <p class="pclass3">p3</p>   <p>p4</p>   <p>p5</p>   <button>点击</button></body>

</html>

js:

/** * Created by hao on 2015/8/15. *///选择器的使用和css中一样$(document).ready(function(){//    点击button修改p元素的内容//    元素选择器//    $("button").click(function(){//        $("p").text("p元素被修改了");//    });//    id选择器//    $("button").click(function(){//        $("#pid2").text("p元素被修改了");//    });//    类选择器    $("button").click(function(){        $(".pclass3").text("p元素被修改了");    });})

0 0
原创粉丝点击