May232013
JQuery实现倒计时按钮的效果
一个实现了在按钮上显示倒计时，倒计时完毕自动将按钮设置为不可用的效果，具体代码如下：
<html>
<head>
<title>test count down button</title>
<script src="http://www.phpernote.com/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#btn').click(function () {
var ...阅读全文
抢沙发
May232013
JavaScript和Jquery动态加载Js文件和Css文件
JS 动态加载 CSS 在可换主题的界面中具有很重要的意义，用户可以根据自己的浏览习惯选择自己喜欢的页面显示方式，动态加载 CSS 的方法主要有三种，下面详细说明。如果你有很多关联的CSS文件要一起加载，或者想动态的加载不同的CSS文件，那么下面的方法你一定对你有帮助。
（1）使用JavaScript动态加载Js文件
/*JavaScript动态加载Js文件*/
var scriptNode = document.createElement('sc...阅读全文
May232013
使用谷歌加载jquery库文件会更好
建议通过谷歌的CDN-Content Delivery Network（内容分发网络）来让你的网站加载jquery库文件。有的同学可能会问了，为什么要加载谷歌的jquery库文件呢？（PS：我们一般不都是加载自己服务器上的jquery库文件的吗？）。呵呵~~其实我也和你们一样想的，也一直都是加载自己的服务器上的jquery文件。
下面来分析一下使用谷歌加载jquery库文件的好处。
1.减少等待时间
在网页中我们经常使用jQue...阅读全文
May232013
May232013
jQuery判断某个元素是否存在
如何判断页面中是否存在某个元素呢？比如判断当前页面源代码中是否存在一个id=”example”的元素，通常如果按照Js的写法，则如下：
if(document.getElementById('example')) {
// do something
}
else {
// do something else
}
使用Jquery时，则应按照如下写法：
if($('#example').length) {
// do something
}
else {
// do something else
}
...阅读全文
May232013
May232013
js控制文字大中小显示
部分网站内容页通常会看到有控制文字分别以 大，中，小 三种方式显示，下面就把这个小功能做一下记录，对提高网站用户体验度还是有一些帮助的哦！
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js控制文字大中小显示</title>
</head>
<body>
<script language="javascript">
f...阅读全文
May232013
Jquery判断图片是否加载失败
Jquery如何判断图片是否加载失败，下面用一个案例说明一下该问题，具体问题可根据具体情况去完善即可（下面的案例是当class为phpernote_content下的图片加载失败的时候自动去加载load_fail.png）。
JavaScript部分代码：
$(function(){
$(".phpernote_content img").each(function(){
if(this.fileSize<=0){
this.src="http://www.phpernote.com/images/load_fail.png";
...阅读全文
May232013
jquery移动dom节点的方法总结
jquery移动dom节点也是偶尔会用到的DOM操作，下面作者将和大家分享一下如何使用jQuery移动dom节点。
注意移动dom节点和复制dom节点是两回事，移动dom节点是将一个dom节点从一个位置移动到另外一个位置，移动之后该dom节点还是只有一个。而复制dom节点在操作完之后会变成两个。下面还是通过几个实例做一下解释说明吧。
假设页面有如下代码段
<body>
<div>http://www.phpern...阅读全文
May232013
jQuery向动态生成的内容添加事件响应（jquery live方法简介）
jQuery live() 方法是给所有匹配的元素附加一个事件处理函数，即使这个元素是以后通过append,prepend,after等事件生成后的内容也依然有效。
这个方法可以看做是 .bind() 方法的一个变体。使用 .bind() 时，选择器匹配的元素会附加一个事件处理函数，而以后再添加的元素则不会有。为此需要再使用一次 .bind() 才行。比如说：
<body> <div class="clickme">Click here</div...阅读全文