jQuery语法
基础语法:$(selector).action()
美元符号定义jQuery
选择符(selector)查询和查找HTML元素
action()执行对元素的操作
示例:$(this).hide()隐藏当前元素;$("p").hide()隐藏所有p标签段落;$(".test").hide()隐藏所有class="test"的元素;$("#test").hide()隐藏所有id="test"的元素
文档的就绪函数
$(document).ready(function(){
jQuery code ...............
});
为了防止文档在完全加载之前运行jQuery代码
jQuery元素选择器$("")
$("p.intro")选取class="intro"的<p>元素
jQuery属性选择器$("[]")
$("[href='a']")选择所有带有href且值等于”aa“的元素
jQuery css 选择器$("").css()
$("p").css("background-color","red");p元素的背景颜色改为红色
jQuery选择当前元素$(this)
jQuery事件函数
ready将函数绑定到文档就绪事件,click点击事件:
//点击按钮隐藏P标签 点击按钮触发hide()函数
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
dbclick双击事件:$(selector).dbclick(function)
focus获得焦点事件:$(selector).focus(function)
mouseover鼠标悬停事件:$(selector).mouseover(function)
bind绑定事件
change事件等等。
jQuery隐藏显示效果 hide()隐藏 show()显示 toggle()方法用来切换hide()和show()方 toggle(speed,callback) speed参数隐藏显示的速度,callback参数toggle()方法后执行的函数。
jQuery淡出淡入效果
淡入:fadeIn()
淡出:fadeOut()
切换淡出淡入:fadeToggle()
渐变为给定的不透明度(介于0-1之间):fadeTo()
jQuery其他效果省略
jQuery HTML
jQuery获取内容:
text() 设置或返回所选元素的文本内容
html()设置或返回所选元素的内容包括HTML标记
val()设置或返回表单字段的值(输入字段的值)
jQuery获取属性:
attr()
$("a").attr("href")获取所有a标签中href属性的值
$("a").attr("href","www.sina.com.cn")改变链接中href的值
jQuery添加元素
append()在被选元素的结尾插入内容
prepend()在被选元素的开头插入内容
after()在被选元素之后插入内容
before()在被选元素之前插入内容
jQuery删除元素
remove()删除被选元素及其子元素
empty()删除被选元素的子元素
jQuery AJAX load()方法
load()方法从服务器加载数据,并把返回的数据放入被选元素中
语法:$(selector).load(URL,data,callback);
URL请求地址
data 与请求地址一同发送的查询字符串键值对集合
callback load()方法完成后执行的函数。
callback回调函数可以设置不同的参数
responseTxt包含调用成功时的结果内容
statusTXT包含调用的状态
xhr包含XMLHttpRquest对象
jQuery AJAX get()和post()方法
get从指定的资源请求数据
post向指定的资源提交要处理的数据
$get()方法通过HTTP GET请求从服务器上获取数据
$get(URL,callback);
$ajax()
JQuery
最新推荐文章于 2023-07-07 14:28:52 发布