jQuery学习入门

137 阅读1分钟

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).innerHTML('.demo').innerHTML ('.demo').onclick jQuery不可以点js的代码,反之js代码也不可以点jQuery代码

如果你某一时间需要用js代码:(xxx)[0]/(xxx)[0]/(xxx).get(0);

js转jQuery:$(js_dom)