jQuery总结

时间:2022-05-27 22:48:45   收藏:0   阅读:16

jQuery总结

1.jQuery简单介绍

2.前端常用框架

3.入口函数与onload

     $(document).ready(function( ){...})

$(function(){
    alert("jQ执行");
})
$(document).ready(function(){//可执行多次,不覆盖
    alert("ready准备文本");
})

     特点:可以重复执行多次,文档加载完就执行(快)

window.onload = function(){//只执行一次,覆盖之前
    alert("window加载完毕");
}

     特点:后面的onload会覆盖前面的onload,需要等待页面所有内容加载完再执行

4.js与jq相互转换

          $(" ")[下标];

          $("").get(下标)

5.显示与隐藏

6.获取CSS

7.attr设置获取节点属性

var str = $(".main").attr("title");

8.prop设置获取节点属性和attr相同

9.prop和attr区别

10.jQuery事件

$(function(){                
    $("button").click(function(){
        $("p").toggle();
    })            
    // $()是jquery的核心函数
    // $是jQuery简写
    // $(函数)文档准备完毕            
})

12.文本

$(function(){
    console.log($("p").text());//获取p标签的内容
        
})

13.类的操作

<script type="text/javascript">
    $(function(){
        // 单击颜色改变
        $("p").click(function(){
        // this当前点击p标签,$(this)转换为jq对象,
                //.toggle切换类名active
        $(this).toggleClass("active");
        })
    })
</script>        

 

14.选择器

原文:https://www.cnblogs.com/qqcxy/p/15349986.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!