jQuery初识

最新推荐文章于 2024-07-05 22:58:38 发布

YourLie_in_April

最新推荐文章于 2024-07-05 22:58:38 发布

阅读量277

点赞数 1

分类专栏： #JavaScript 文章标签： jquery

本文链接：https://blog.csdn.net/YourLie_in_April/article/details/125044909

版权

#JavaScript 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

本文介绍了jQuery的基本使用，包括变量前缀$，.html()、.val()、.css()等方法设置内容和样式，以及.on()绑定事件。还详细讲解了jQuery的选择器，如:first、:last、:eq(n)等，并阐述了获取元素的方法如.prev()、.next()、.siblings()等。此外，还涵盖了显示方法如.show()、.hide()及其动画效果。

摘要由CSDN通过智能技术生成

jQuery中的变量前面必须加上 $ ，且自带遍历功能（$ 等价于 jQuery）。

<!-- 完整版jQuery -->
https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js
<!-- 压缩版jQuery -->
https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js

.html() 设置超文本内容

.val() 设置表单元素内容

.css() 设置样式

.on(“事件类型”，事件处理函数) 绑定事件

addClass("类名")添加元素类名

removeClass("类名")删除元素类名

hasClass("类名" )判断有没有类名

toggleClass("类名")切换类名，原先有就删除，没有就添加

// jQuery绑定
$('.jq').click(function(){
    alert('我是jQuery1')
})
$btn.click(function(){
    alert('我是jQuery2')
})
jQuery('.jq').click(function(){
    alert('我是jQuery3')
})
$('.jq').on('click',function(){
    alert('我是jQuery4')
})