jquery知识点总结

来源:互联网 发布:cmd重置网络设置 编辑:程序博客网 时间:2024/06/06 21:37

什么是jquery
()==js便使JQuery广jquery///////////////////////////jqueryhtmljqueryjsScriptsrcjquery(“选择器”)
dom对象和jquery之间的转换
dom对象转换jquery
(dom对象);  
注意dom对象和jquery之间的属性不能混合使用  
jquery对象=====dom对象  
方式一jquery对象[index}  
方式二jquery对象.get(index)  
//////////////////////////////////  
页面加载  
js:window.onload=function(){}  
jquery:  
方法一:
(function(){})
方法二:(document.ready(function());jsjquery使html(”选择器”).click(function(){});
等价于:dom对象.onclick=function(){}
掌握的事件:
focus blur submit change click
innerHTML包装成了.html
jquery中的效果
隐藏或者显示
show(毫秒数) hide(毫秒数) toggle(毫秒数)切换
划入划出
slideDown(毫秒数) 向下滑入
silideUp(毫秒数) 向上划出
silidetoggle(毫秒数)切换
淡入淡出
fadeIn(int)淡入
fadeOut(int)淡出
fadetoggle(毫秒数)切换
、、、、、、、、、、、、、、、、、、、
jquery选择器
基本选择器
("#id")(“.class值”) ()(“#id,class值”)
层次选择器
a b:a里面的b后代
a >b:a的所有的b孩子
a+b:a的下一个兄弟
a~b:a的所有弟弟
基本过滤选择器
:frist 第一个
:last 最后一个
:odd 索引为奇数
:even 索引偶数
:eq(index) 指定索引
:gt(index) >
:lg(index) <
内容过滤
:has(‘选择器’) 包含指定选择器的元素
可见过滤选择器
:visible 在页面展示
:hidden 在页面不展示的元素 一般是指 input type=hidden 和样式中的display=none
属性选择器
[属性名] 包含指定元素的元素
[属性名=”值“] 包含指定元素并且值为什么的值
。。。。。。
表单过滤:
:input 所有的表单子标签 input select textarea button
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
属性和css操作总结
对属性的操作
attr() prop(1.6以后使用,都统一使用prop) 设置或者获取元素的属性
方式一:attr(“属性名”)
方式二:设置 attr(“属性名称”,”值“)
方式三:设置多个属性 json
attr({
“属性1”:”值“,
})
removeAttr() 移除属性的设置
addClass(“指定的样式值”);
removeClass(“指定的样式值”)

对css的操作:操作元素的style属性
css() 获取或者设置css样式
方式一:获取
css(‘属性名”)
方法二:设置
css(“属性名”,”值”)
方法三:设置多个
css({
“属性名”:“值”,
})

获取元素的尺寸
width()
height()

注意:1.6以后操作属性都是用prop

原创粉丝点击