1.jq是什么?
1.库
2.框架
3.插件
js库,它是本质是一个js文件,在这个文件里面有大量的方法可以被使用。
2.jq的作用是什么
简化js编程,用最少的代码完成最佳的功能,也是write less,do more
3.如何使用jq
1.使用本地jq文件,前提需要下载好,无网络也可以使用
2.使用网络CDN,不需要下载,但是依赖网络,无网络无法使用。
http://dizhi
4.jq.js和jq.min.js有什么区别
1.jq.js是开发版 在开发的时候使用 体积比较大 可以被良好阅读
2.jq.min.js是压缩版/产品版,在项目发布是使用,体积小,无法良好阅读
5.js对象和jq对象的区别
两个不同的概念
js对象和jq对象是不一样的
1.js对象是通过js语法获取到对象
比如 document.getElementById()等
1.使用麻烦,对象需要一个一个区使用
2.兼容性不好
6.window.onload和$(document).ready()的区别
1.前者保确和文档相关的内容都加载进来,属于js方式
2.后者只有文档结构加载完毕,属于jq方式
7.jq选择器语法
$(选择器).action()
$("#test"):id有唯一性,所以选取的是第一个
$(".text"):选取的是网页中所以class=test的内容;
$("div"):选取的是网页中所有的div元素
$("div:nth-of-type(4)")选取的文档中所有的第四个div元素
$("[class=test1]"):选取的是属性class=test1的元素
$("div span"):包含子孙
$("div>span"):后代不包含子孙
$("div,p")兄弟选择器
事件讲解
click
mouserover 不建议 如果有子元素也会出发该事件
mouseOut 不建议
mouseleave离开 时执行一次,子元素不会触发
/mouseenter进去 时执行一次,子元素不会触发
val(arg):获取到输入框的内容,传递参数是设置
text();获取到标签内部的文本
html():获取到标签内部的网页结构
css(a):获取属性的值
attr(arg,arg) 标签 有一个参数是获取,两个是赋值
事件绑定
click
1.事件会冒泡 从子元素向父元素传递
2.只能单个绑定
bind click升级版
特点:新增的元素不会具备旧元素的事件
可以同时绑定多个事件
delegate 事件委托 3版本支持
优点:增的元素会具备旧元素的事件
事件委托:把子元素共有事件委托到父元素上面,这就是事件委托
新元素也会有方法
on(event,selector,fn)
1.一次性可以绑定多个事件
2.新的元素也会有事件
trigger();触发器
解绑事件
如果传递的是一个字符串参数,那么就是获取该参数的值
如果传递的是对象参数,那么就是同时设置多个样式
如果传递的是两个字符串参数,那么就是设置该参数的值
addclass() 添加一个类
removeClass() 删除一个类
toggleClass() 切换类
hasClass() 判断是否包含某一个类
1.库
2.框架
3.插件
js库,它是本质是一个js文件,在这个文件里面有大量的方法可以被使用。
2.jq的作用是什么
简化js编程,用最少的代码完成最佳的功能,也是write less,do more
3.如何使用jq
1.使用本地jq文件,前提需要下载好,无网络也可以使用
2.使用网络CDN,不需要下载,但是依赖网络,无网络无法使用。
http://dizhi
4.jq.js和jq.min.js有什么区别
1.jq.js是开发版 在开发的时候使用 体积比较大 可以被良好阅读
2.jq.min.js是压缩版/产品版,在项目发布是使用,体积小,无法良好阅读
5.js对象和jq对象的区别
两个不同的概念
js对象和jq对象是不一样的
1.js对象是通过js语法获取到对象
比如 document.getElementById()等
1.使用麻烦,对象需要一个一个区使用
2.兼容性不好
6.window.onload和$(document).ready()的区别
1.前者保确和文档相关的内容都加载进来,属于js方式
2.后者只有文档结构加载完毕,属于jq方式
7.jq选择器语法
$(选择器).action()
$("#test"):id有唯一性,所以选取的是第一个
$(".text"):选取的是网页中所以class=test的内容;
$("div"):选取的是网页中所有的div元素
$("div:nth-of-type(4)")选取的文档中所有的第四个div元素
$("[class=test1]"):选取的是属性class=test1的元素
$("div span"):包含子孙
$("div>span"):后代不包含子孙
$("div,p")兄弟选择器
事件讲解
click
mouserover 不建议 如果有子元素也会出发该事件
mouseOut 不建议
mouseleave离开 时执行一次,子元素不会触发
/mouseenter进去 时执行一次,子元素不会触发
keyUp/keyDown.keyPres
jquery一些方法
$(this):指的是调用当方法的对象val(arg):获取到输入框的内容,传递参数是设置
text();获取到标签内部的文本
html():获取到标签内部的网页结构
css(a):获取属性的值
attr(arg,arg) 标签 有一个参数是获取,两个是赋值
事件绑定
click
1.事件会冒泡 从子元素向父元素传递
2.只能单个绑定
bind click升级版
特点:新增的元素不会具备旧元素的事件
可以同时绑定多个事件
delegate 事件委托 3版本支持
优点:增的元素会具备旧元素的事件
事件委托:把子元素共有事件委托到父元素上面,这就是事件委托
新元素也会有方法
on(event,selector,fn)
1.一次性可以绑定多个事件
2.新的元素也会有事件
trigger();触发器
解绑事件
off(event,selector,fn)
jquery中关于dom样式的操作
css(arg,arg)如果传递的是一个字符串参数,那么就是获取该参数的值
如果传递的是对象参数,那么就是同时设置多个样式
如果传递的是两个字符串参数,那么就是设置该参数的值
addclass() 添加一个类
removeClass() 删除一个类
toggleClass() 切换类
hasClass() 判断是否包含某一个类