【前言】这几天一直在总结BS学过的相关内容,刚开始学习的时候没有做宏观把控看完学习视频感觉知识点很细碎,不知道该怎么学习,这几天又学习了一遍教程脑子里有了宏观上的内容,然后再去看那些细小的知识点就知道在什么时候使用有什么作用了。
一、什么是Jquery
JQuery是一个轻量级的“写得少,做得多”的JavaScript函数库,极大地简化了JavaScript的编程,非常容易学习。
二、为什么使用Jquery
JQuery是最流行的JS框架而且提供了大量的扩展,很多大公司(如Goole、Microsoft、IBM和Netflix)都在使用JQuery。
三、JQuery的功能
1、html 的元素选取
2、html的元素操作
3、html dom遍历和修改
4、js特效和动画效果
5、css操作
6、html事件操作
7、ajax异步请求方式
四、JQuery的语法
jQuery 语法是通过选取 HTML元素,并对选取的元素执行某些操作。
基础语法: $(selector).action()
- 美元符号定义 jQuery
- 选择符(selector)"查询"和"查找" HTML 元素
- jQuery 的 action() 执行对元素的操作
如:
- $(this).hide() - 隐藏当前元素
- $("p").hide() - 隐藏所有 <p> 元素
- $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
- $("#test").hide() - 隐藏所有 id="test" 的元素
五、JQuery选择器
jQuery 选择器允许您对 HTML元素组或单个元素进行操作。jQuery 中所有选择器都以美元符号开头:$()。
1、元素选择器$("p")
2、#id选择器$("#test")
3、.class 选择器$(".test")
六、JQuery事件
页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML中发生某些事件时所调用的方法。如:在元素上移动鼠标,选取单选按钮,点击元素。
常见 DOM 事件:
【总结】我们知道了选择器和事件的作用,我们其实就知道了JQuery该怎么用,具体应该使用什么选择器我们只需要按照我们想要实现的对象来决定,事件我们就可以去查询JQuery库了。