【jquery 走进web】Web进阶 比JS更方便的JQuery

来源:互联网 发布:oracle 锁表sql 编辑:程序博客网 时间:2024/05/23 14:37

简介
● JQuery是一个JS库
● 极大地简化了JS编程
● JQuery很容易学习

引入
● 下载下来并引入:http://jquery.com/download/
● 直接引用CDN: http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js

jQuery 的功能概括
1、html 的元素选取
2、html的元素操作
3、html dom遍历和修改
4、js特效和动画效果
5、css操作
6、html事件操作
7、ajax异步请求方式

语法
(document).ready(function());(‘选择器’).action();

选择器可以是:元素名、id、class、子元素选择器、后代元素选择器、(相邻)兄弟选择器、属性选择器、this
action可以是:click、dbclick、mouseenter/leave/over/out、hover、keypress/up/down、change、focus、blur,效果和动画,DOM操作

效果:hide、show、toggle,fadeIn、fadeOut、fadeToggle、slideUp、slideDown、slideToggle
动画:animate
回调(callback):完成某一函数之后再执行的操作
JQuery链(Chaining):连续写多个action

DOM操作
获取和设置内容:text()、html()、val()
获取属性:attr()
添加元素:append()、prepend()、before()、after()
删除元素:remove()、empty()
获取和设置属性:css()
遍历和关系:each()、parent()、children()、find()、siblings()

AJAX
异步 JavaScript 和 XML(Asynchronous JavaScript and XML)

JQuery补充学习
http://www.runoob.com/jquery/jquery-tutorial.html

还有很多前端框架
Angular.js、Vue.js、React.js

原创粉丝点击