标签:
jquery语法:
jquery是通过选取HTML元素,并对元素进行操作。
$(selector).action()
#id选择器
$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
})
和.class选择器
文档就绪事件
$(document).ready(function(){//开始写js代码});
这是为了防止文档完全加载之前运行jQuery代码。
如果文档没有完全加载(就绪之前运行函数,操作可能失败)
如:试图隐藏一个不存在的元素
获得未完全加载的图像的大小。
jquery是为事件处理特别设计的。
页面对不同访问者的响应叫做事件。
事件处理程序指的是当HTML中发生某些事件时所调用的方法。
实例:在元素上移动鼠标。
选取单选按钮。
点击元素
jQuery事件方法语法
在jQuery中,大多数DOM事件都有一个等效的jQuery方法。
页面中指定一个点击事件
$("p").click();
下一步是定义什么时间触发事件。可以通过一个时间函数实现:
$("p").click(function(){//动作触发后执行的代码});
jQuery hide()和show()
$("#hide").click(function(){
$("p").hide(1000);
})
jQuery toggle()
切换show()方法和hide()方法。
$("botton").click(function(){
$("p").toggle();
})
jQuery animate()方法允许创建自定义动画
params定义形成动画的css属性
speed参数规定效果的时长
callback参数是动画完成后执行的函数名称。
$(selector).animate({params},speed,callback)
jQuery中非常重要的部分,就是操作dom的能力(DOM文档对象模型,一种将HTML或者xml文档当作对象来操作的模型)
三个简单实用的操作DOM的方法
test()
html()
val()
jquery
标签:
原文地址:http://www.cnblogs.com/GordenTam/p/5956064.html