JavaScript|jQuery基础语法

欢迎点击「算法与编程之美」↑关注我们！

本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。

欢迎加入团队圈子！与作者面对面！直接点击！

jQuery 是一个 JavaScript 库，它极大地简化了 JavaScript 编程。jQuery是一个轻量级的"写的少，做的多"的JavaScript库。

1.安装jQuery

2.jQuery语法

基础语法： $(selector).action()

美元符号定义 jQuery

选择符（selector）"查询"和"查找" HTML 元素

jQuery 的 action() 执行对元素的操作

如：

$("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 

这段代码等同于用DOM实现代码： 

document.getElementById(" test ").innerHTML; 

 

3.jQuery 入口函数

$(document).ready(function(){     // 执行代码 }); 或者 $(function(){     // 执行代码 });

4.实例

（1）当点击botton时，所有p标签隐藏

这是一个标题          这是一个段落。          这是另一个段落。         点我

（2）双击鼠标左键，当前点击的p标签隐藏

双击鼠标左键的，我就消失。 双击我消失！ 双击我也消失！

（3）使用 hide() 和 show() 方法来隐藏和显示 HTML 元素

如果你点击“隐藏” 按钮，我将会消失。 隐藏 显示

END

编  辑   |   王文星

       责  编   |   来人间凑数

 where2go 团队

---

   

微信号：算法与编程之美          

长按识别二维码关注我们!

温馨提示：点击页面右下角“写留言”发表评论，期待您的参与！期待您的转发！