The Seven Year Itch.

MENU

jQuery 学习(一)

November 12, 2016 • Read: 283 • jQuery

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

`$("#a").show();`   //id="" 选择器是"#"号
`$(".a").show();`   //class="" 选择器是"."号
alert($(".input").html());

`alert($(".input").val());`   //获取表单数据。
<a href="http://www.baidu.com" id="me">点我</a>

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

遍历:

<p>
    hello world!
</p>
<p>123</p>
<p>789</p>

<script>
    $(document).ready(function(){
        $("p").each(function(){
            alert($(this).html);
});
});
</script>
<p onclick="func($(this))" id="p">789</p>  方法  //js 方法实现的方法点击修改内容

<script>
    function func(p){
        $("#p").html("xxx");
}
</script>
<p id="p">789</p>  //jQuery 没有了onclick点击事件

<script>
       $(document).ready(function(){
            
    $("#p").click(function(){
        $(this).html("xjq");
    });
});
</script>
Tags: None
Archives QR Code
QR Code for this page
Tipping QR Code