Mar242014
jQuery动画效果总结
jquery中有各种已经封装好的动画效果方法,清楚的了解这些动画效果能更简单快速的开发一些比较酷的效果,下面将jquery中比较常用的动画效果做一下简单的总结。
(1)show()和hide()
显示和隐藏,同时修改高度、宽度、以及不透明度。
(2)toggle()
控制显示或者隐藏,能很好的代替show()和hide()。
(3)fadeIn()和fadeOut()
只是改变不透明度。
(4)fadeTo()
只改变不透明度至某一值。
...阅读全文
抢沙发
Mar222014
jquery判断页面是否已经加载了jquery文件
动态加载的js代码,如果网页中包含有jquery代码,一般首先需要判断一下页面是否有加载Jquery文件,如果加载了,直接写js代码,如果没有加载,还得先加载一下jquery代码,然后才可以使用一些jquery的方法。
注意此处说的动态加载js代码是针对如下这种情况的:
<script type="text/javascript" src="http://www.phpernote.com/echoJs.php"></script>
<!--echoJs.php文件中...阅读全文
Mar142014
Mar112014
Jquery动画效果简单总结
本文将对Jquery中的动画效果做一个简单的总结。
(1)jquery中常见的几种动画效果
方法名
说明
Hide() 跟 show()
同时修改多个样式属性:高度、宽度、不透明度
fadeIn(),fadeout()
只修改不透明度
slideUp() 和 slideDown()
只改变高度
fadeTo()
只改变不透明度
Toggle()
用来替代hide()方法和show()方法,所以会同时修改多个样式属性即高度宽度和不透明度
sl...阅读全文
Mar042014
jquery $.ajax $.post或者$.get如何提交checkbox的值
form表单中包含有checkbox这种表单项的时候,直接提交处理很简单,只需在程序中处理结果即可。但使用jquery的ajax提交时该如何处理呢?下面通过一个例子说明一下。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery $.ajax $.post或者$.get如何提交checkbox的值</title>
<script type="text/j...阅读全文
Feb202014
jquery动画删除效果
写js的时候经常会碰到删除某个节点,用jquery处理这个事情很简单了,直接找到该节点,然后使用remove方法就行了,但为了追求用户体验,下面说一下如何将删除这个过程动态化,就是渐渐的删除,具体代码如下:
$('#phpernote').fadeOut('fast',function(){
$('#phpernote').remove()();
});
以上代码可以解释为先使用淡出效果来隐藏id=”phpernote”的DOM,待该DOM完全隐藏后...阅读全文
Feb112014
Jan212014
JQuery中阻止事件冒泡方式及其区别
JQuery 提供了两种方式来阻止事件冒泡,下面就来说一下这两种方式以及具体的应用案例。
方式一:event.stopPropagation();
$("#div1").mousedown(function(event){
event.stopPropagation();
});
方式二:return false;
$("#div1").mousedown(function(event){
return false;
});
这两种方式区别如下:
return false 不仅阻止了事件往上冒泡,而且阻止了事件本身。event.stopPro...阅读全文
Dec312013
jquery插件开发方法分享
首先说明的是jQuery插件的开发包括两种:一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数;另一种是对象级别的插件开发,即给jQuery对象添加方法。下面就两种插件的开发方法做一些分享。
1、类级别的插件开发
类级别的插件开发最直接的理解就是给jQuery类添加类方法,可以理解为添加静态方法。典型的例...阅读全文
Dec222013
jquery getJSON ($.getJSON) 事件用法与分析
jQuery中常用getJSON来通过 HTTP GET 请求载入 JSON 数据,将其转换为JSON对象,如果成功,则执行回调函数。原型如下:
jQuery.getJSON( url, [data], [callback] ) 跨域加载JSON数据。
url: 必需。规定将请求发送的哪个 URL
data : 可选。规定连同请求发送到服务器的数据
callback: (可选) 载入成功时的回调函数
该函数是简写的 Ajax 函数,等价于:
$.ajax({
url: url,
data: d...阅读全文