jQuery 学习笔记1

151 阅读1分钟

jQuery 是一个 JavaScript 库。 

jQuery是一个轻量级的"写的少,做的多"的JavaScript库。 

它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。 

通常使用方法为:从 CDN 中载入 jQuery

    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>

 jQuery 中所有选择器都以美元符号开头:$()。

 **jQuery与JavaScript相互转换的方法 **

jq转换为js  

 $(xxx)[index] / $(xxx).get(index)

js转换为jq 

 $(js_dom)  用$()把jsDOM包起来即可

jQuery链

通过 jQuery,可以把动作/方法链接在一起。我们可以在一条语句中运行多个 jQuery 方法(在相同的元素上)。例如:

$('.demo').html("song").css('color', 'red').css('border', '1px solid red')            .click(function () {                $(this).css('color', 'blue').css('border', '1px solid blue')            })

html 有参数则赋值innerHTML  , 无参数则返回元素内容

例如:$(xxx).html( )

css 有2个参数则赋值style ,  1个参数则返回样式属性

例如:$(xxx).css('color' ,‘red’)

css参数为对象 则可以赋多个样式属性值

例如:$(xxx).css({

color:'red',

border:'1px solid red'

})