Web jQuery JQuery的方式:
相当于页面加载的时间,可以多次去执行,效率比onload效果要高
JS和JQ的区别是
JQ可以执行多次
JS只能执行一次
jq中的所有的方法必须,只能是jq的对象才能去调用
JQ就是 $ 符号
JQ显示和隐藏
JQ的效果操作
show();
使用一:jq对象.show();
使用二: jq对象.show("slow");//slow.normal.fast
使用三:jq对象.show(毫秒值)://1000
使用四:jq对象.slideup(毫秒值.function(){});
jq的选择器
基本选择器
id选择器:
用法:$("#id")
类选择器:
用法:$(".类名")
元素选择器:
用法:$("元素名称")
通配符选择器:
用法:$("*")
并列选择器:
用法:$("选择器,选择器,选择器")
层次选择器
后代选择器:
使用空格 所有后代包含子孙及以下的元素
子元素选择器:
使用>第一层的元素(儿子)
下一个元素:
使用+ 下一个同辈元素
兄弟选择器:
使用~ 后面所有的同辈元素
基本过滤器
odd :
even :
内容选择器:
:contains(text)
: empty
: has(selector)
: parent
属性选择器
$("div[]").css("",""):例如自定义<div title ='aaaa'></div>
表单选择器
: input
: text
: password
: radio
: checkbox
: image
: button
: reset
: file
表单对象属性选择器:
:checked 单选、复选
:selected 下拉列表
效果函数
基本的显示和隐藏:show()/hide()
向下、上滑动:slodeDown()/slideUP()
淡入/淡出:fadeln()/fadeOut()
JQuery改变页面元素样式的两类方式
1.通过CSS()函数:使用与样式代码比较少的情况
2.addClass()/removeClass()/toggleClass()适用于样式事先定义好的情况
JQuery操作元素属性
attr()/prop()
|
|