jquery基础精华02

来源:互联网 发布:湖州淘宝拍摄 编辑:程序博客网 时间:2024/05/17 08:54
<!DOCTYPE html><!--2jQuery HTML-设置--><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><input type="text"><p id="pid01">hello world 01</p><p id="pid02">hello world 02</p><a id="aid03" href="https://www.baidu.com">百度,接来是淘宝</a><br/><button id="btn01">按钮01</button><button id="btn02">按钮02</button><button id="btn03">按钮03</button><br/></body></html>js:/*** Created by zsgjs038 on 2015/8/17.*/$(document).ready(function(){//改变标签内容$("#btn01").click(function(){$("#pid01").text("修改p元素的内容");})$("#btn02").click(function(){$("#pid02").html("<a>修改元素02</a>");})//---------------------------------------------------------------//    改变标签属性$("#btn03").click(function(){$("#aid03").attr("href","https://www.taobao.com");;})})


0 0
原创粉丝点击