jQuery是一个实用的JavaScript库。jQuery极大地简化了JS对DOM的操作,实现一些常用的方法,jQuery还可以链式操作。jQuery的基本设计和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别于其他函数库的根本特点。 使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素。
JavaScript的入口函数要等到页面中所有资源(包括图片、文件)加载完成才开始执行。
jQuery的入口函数只会等待文档树加载完成就开始执行,并不会等待图片、文件的加载。
(1)DOM对象:使用JS方法获取页面元素返回时的对象
(2)jQuery对象:使用jQuery方法获取页面元素返回时的对象
(3)jQuery对象是包装了DOM对象的集合
(4)不能混用
(5)转换
js 样式操作 行内样式 对象.style.属性名
行外样式 对象.className
jquery 样式操作
行内操作 对象.css({width:'200px',height:'300px',background-color:'red'})
# 如若属性不带引号 驼峰命名 borderRadius
要是带引号 用css命名法: border-radius
行外样式 对象.addClass('类名')- 向被选元素添加一个或多个类
对象.removeClass('类名')-从被选元素中删除一个或多个类
对象.toggleClass('类名')- 对被选元素进行添加/删除类的切换操作
对象.hasClass('类名')-判断当前元素是否包含隐藏样式