jQuery本质上是一个JavaScript库,而非一门新的语言。
引入:推荐BootCdn-jQuery
eg.
同样一个案例,js与jQuery有何不同之处?
点击改变颜色
js:
jQuery:
两者表达的意思一样,但是如何区别?
首先直观印象:jQuery对象比js对象多了“$()”
内容上:js:demo.innerHTML=‘Bei’赋值;jQuery:html('Bei')赋值
样式上:js的主要样式字符为style,jQuery为css
html 有参数则赋值innerHTML 无参数则取值 console.log($('.demo').html())
css 有2个参数则赋值style 1个参数则取值 参数为对象 则赋多个值 console.log($('.demo').css('color'))
实际上jQuery是在使用js的代码封装,极大地简化了代码的形式,提高了工作效率。
jQuery为什么可以使用链式语法?因为他们每一个都是返回他们自身(return this),所以可连续可并亦可拆解。
错误写法:
('.demo').onclick
jQuery不可以点js的代码,反之js代码也不可以点jQuery代码
如果你某一时间需要用js代码:(xxx).get(0);
js转jQuery:$(js_dom)