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'
})