前往小程序,Get更优阅读体验!
立即前往
发布
社区首页 >专栏 >jQuery 学习(一)

jQuery 学习(一)

作者头像
简单、
发布2018-07-18 15:09:26
发布2018-07-18 15:09:26
33300
代码可运行
举报
运行总次数:0
代码可运行

<div id="a" style="background:#ccc" onclick="$(this).hide();" >点击我隐藏</div> //$(this).hide this 当前html元素,就是说当前元素点击隐藏。

代码语言:javascript
代码运行次数:0
复制
`$("#a").show();`   //id="" 选择器是"#"号
`$(".a").show();`   //class="" 选择器是"."号
代码语言:javascript
代码运行次数:0
复制
alert($(".input").html());

`alert($(".input").val());`   //获取表单数据。
代码语言:javascript
代码运行次数:0
复制
<a href="http://www.baidu.com" id="me">点我</a>

<script>
$(document).ready(function(){   //网页全部加载完毕之后,才执行 
    var obj = $("#me");
    $('href','typecho.seven77.pw');
});     
</script>

遍历:

代码语言:javascript
代码运行次数:0
复制
<p>
    hello world!
</p>
<p>123</p>
<p>789</p>

<script>
    $(document).ready(function(){
        $("p").each(function(){
            alert($(this).html);
});
});
</script>
代码语言:javascript
代码运行次数:0
复制
<p onclick="func($(this))" id="p">789</p>  方法  //js 方法实现的方法点击修改内容

<script>
    function func(p){
        $("#p").html("xxx");
}
</script>
代码语言:javascript
代码运行次数:0
复制
<p id="p">789</p>  //jQuery 没有了onclick点击事件

<script>
       $(document).ready(function(){
            
    $("#p").click(function(){
        $(this).html("xjq");
    });
});
</script>

Tags: None

Archives QR Code

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档