码迷,mamicode.com
首页 > Web开发 > 详细

jquery

时间:2016-10-13 14:20:24      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!