欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

首页 › javascript

jquery

shiping1 的头像

jquery 动态加载js三种方法

星期五, 2013-08-23 09:58 — shiping1

jquery 动态加载js三种方法

www.111cn.net  2010-08-31  编辑:netuser
这里为你提供了三种动态加载js的jquery实例代码哦，由于jquery是为用户提供方便的，所以利用jquery动态加载文件只要一句话$.getScript(\"test.js\");就OK了。
 
 

<!-- 这里为你提供了三种动态加载js的jquery实例代码哦，由于jquery是为用户提供方便的，所以利用jquery动态加载文件只要一句话$.getscript("test.js");就ok了。

普通分类: 
jquery
shiping1 的头像

jquery 判断图片加载完毕

星期二, 2013-08-13 14:45 — shiping1

简单来说是对象加载完毕后的回调函数，在ajax中用的很多

普通分类: 
jquery
shiping1 的头像

使用jquery给img绑定error事件的问题

星期二, 2013-08-13 14:42 — shiping1 
如：
<img src = 'xxxx.jpg' >

$('img').error(function(){
    $(this).attr('src',"默认图片");
})

经过测试发现，如果原始图片不存在的话，页面上的图片就会一直闪烁，如何解决这个问题？

 

没太懂，原始图片是指xxxx.jpg吗?你这个代码如果默认图片路径也是错误的话（也就是默认图片也不存在）就进入死循环了，所以一直闪啊闪，因为不断的onerror

 

先检查图片是否加载成功，然后如果失败的话再绑定事件。而且替换一次就好了。

普通分类: 
jquery
shiping1 的头像

判断图片是否完全加载的方法(jquery的error事件妙用)

星期二, 2013-08-13 14:39 — shiping1

判断图片是否完全加载的方法(jquery的error事件妙用)

          页面上，如何判断图片是否完全加载？

          有时候，当用js动态获取服务器图片的时候，可能图片在服务器是不可用状态，这是需要重新获取。但是在页面，用什么方法判断图片是否完全加载了呢？期间LZ尝试了多种方法，最后得到了一种比较合理的方案。

         因为，在jQuery中有一个error事件,可以通过绑定图片的error事件来监听图片是否完全加载。

$(document).ready(function() { 

        $('#pbcimg').error(function(){ 

普通分类: 
jquery
shiping1 的头像

jQuery 事件 - load() 方法

星期二, 2013-08-13 14:32 — shiping1

jQuery 事件 - load() 方法

jQuery 事件参考手册

实例

当图像加载时，改变 div 元素的文本：

$("img").load(function(){
  $("div").text("Image loaded");
});

亲自试一试

定义和用法

当指定的元素（及子元素）已加载时，会发生 load() 事件。

该事件适用于任何带有 URL 的元素（比如图像、脚本、框架、内联框架）。

根据不同的浏览器（Firefox 和 IE），如果图像已被缓存，则也许不会触发 load 事件。

普通分类: 
jquery
shiping1 的头像

jquery gallery 相册效果

星期二, 2013-08-13 14:20 — shiping1

google jquery gallery

http://www.cnblogs.com/lhb25/p/responsive-jquery-gallery-with-css3-animations.html

http://www.w3cplus.com/source/72-jQuery-slider-show.html

http://www.cnblogs.com/lhb25/archive/2012/12/11/jquery-image-slide-effect.html

普通分类: 
jquery
shiping1 的头像

在jQuery 1.5中使用deferred对象

星期二, 2013-08-13 09:14 — shiping1

三生石上

Make Difference - Javascript, Ajax, jQuery, ExtJS, Asp.Net, C#, Object-C

普通分类: 
jquery
shiping1 的头像

抽奖程序 jquery+php 幸运大转盘

星期六, 2013-08-10 08:46 — shiping1
源代码见 附件 jiang.rar
普通分类: 
jquery
shiping1 的头像

图像特效 图片特效 好用的jquery图片播放插件Fancybox使用方法 弹出视频 图像 文字div等 有大用

星期二, 2013-08-06 16:20 — shiping1

http://fancybox.net/  jquery图片播放插件Fancybox的官网

普通分类: 
jquery
shiping1 的头像

jquery animate animate() 方法执行 CSS 属性集的自定义动画。

星期一, 2013-08-05 20:57 — shiping1

jQuery 效果 - animate() 方法

jQuery 效果参考手册

实例

改变 "div" 元素的高度：

$(".btn1").click(function(){
  $("#box").animate({height:"300px"});
});

亲自试一试

定义和用法

animate() 方法执行 CSS 属性集的自定义动画。

该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。

普通分类: 
jquery
shiping1 的头像

jquery 水平方向和垂直方向滑动隐藏和显示 渐渐 隐藏和显示 有大用

星期一, 2013-08-05 20:44 — shiping1

 

//这个 2000 非要数字 不能加 单引号,否则不起作用
$(".content_Mb_kecheng_jiegoucontent").animate({top:'0',left:'2%',width:'96%',height:'612px',opacity: '1'}, 2000,function(){});


水平方向滑动隐藏

jQuery('#divFloatToolsView').animate({width: '300px', opacity: 'hide'}, 'normal',function(){ jQuery('#divFloatToolsView').hide();});

 

普通分类: 
jquery
shiping1 的头像

jquery 判断浏览器

星期六, 2013-08-03 10:55 — shiping1

jQuery浏览器版本判断

普通分类: 
jquery
shiping1 的头像

jquery relation 关系

星期一, 2013-07-29 19:04 — shiping1

1)兄弟关系 siblings

$("div").siblings()  //找到每个div的所有同辈元素

$("div").siblings(".selected")  //找到每个div的所有同辈元素中带有类名为selected的元素。

$("div").siblings()  //找到每个div的所有同辈元素

$("div").siblings(".selected")  //找到每个div的所有同辈元素中带有类名为selected的元素。


$('#aa').siblings("input[name='cancelButton']")


$('#aa').siblings("input[name='cancelButton']")

alert($(this).siblings("[name='thisid']").val());

 

普通分类: 
jquery
shiping1 的头像

jquery ajax 自己亲自做的 有大用 有大大用

星期一, 2013-07-29 19:00 — shiping1

http://www.w3school.com.cn/jquery/ajax_ajax.asp

 

1)一种方法  $ajax_jqueryAjax

普通分类: 
jquery
shiping1 的头像

jquery 曲线图 柱状图功能

星期二, 2013-07-02 10:06 — shiping1

http://www.highcharts.com/

http://www.oschina.net/question/554557_106965

http://www.cnblogs.com/jsonzheng/archive/2011/01/18/1938489.html

 

 

 

 

普通分类: 
jquery
shiping1 的头像

jquery 初始化方法与js的onload区别

星期五, 2013-06-28 15:50 — shiping1

看书时注意到下面两条语句的功效是相同的，

普通分类: 
jquery
shiping1 的头像

jQuery 1.9 删除了以前jquery的部分功能 怎么办

星期五, 2013-06-21 14:44 — shiping1

普通分类: 
jquery
shiping1 的头像

jQuery 属性操作 - toggleClass() 方法 addClass() removeClass()

星期四, 2013-06-20 11:13 — shiping1

实例

对设置和移除所有 <p> 元素的 "main" 类进行切换：

$("button").click(function(){
  $("p").toggleClass("main");
});

亲自试一试

定义和用法

toggleClass() 对设置或移除被选元素的一个或多个类进行切换。

该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果。

不过，通过使用 "switch" 参数，您能够规定只删除或只添加类。

普通分类: 
jquery
shiping1 的头像

jquery 根据索引获取元素

星期一, 2013-06-17 16:08 — shiping1

jquery 第几个元素，第N个元素 ,eq()

作者：黑♂白   发布：2012-04-27 15:31   分类：web前端   阅读：7,095 浏览数   抢沙发

使用jquery时经常会遇到，选择器选择一组元素后，需要在这组元素中找到第几个元素。

jquery中使用eq()方法找到第几个元素或第N个元素，jquery中eq()的使用如下：

普通分类: 
jquery
shiping1 的头像

jquery获取元素索引值 位置 序号 有大用 有大大用

星期一, 2013-06-17 16:07 — shiping1

今天在使用jQuery的时候，想要知道<ul>下的一堆<li>中，自己点击的<li>的索引值是什么，在网上查了下，原文如下：

普通分类: 
jquery
shiping1 的头像

jquery 元素选择器 input name id class 有大用 有大大用

星期一, 2013-06-17 16:03 — shiping1 
 children 子元素 find 子孙元素  > 子元素 与 没有 > 的区别
children方法只取子元素
find 既取子 又取孙元素


普通分类: 
jquery
shiping1 的头像

jquery 延迟加载图片 二 (特别有作用) 有大用 有大大用

星期一, 2013-06-17 15:11 — shiping1

http://maolihui.com/jquery-image-lazy-tutorial-perfect-edition.html

http://dynamiclu.iteye.com/blog/622101

http://developer.51cto.com/art/201206/340649.htm

http://www.cnblogs.com/capricornus/archive/2010/02/05/1664446.html

普通分类: 
jquery
shiping1 的头像

jQuery 准备开始执行

星期一, 2013-06-17 14:12 — shiping1

$(document).ready(function(){

alert("Load Success");

)

 

 $(function() {
       alert("Load Success");
  });

jquery 准备开始执行

普通分类: 
jquery
shiping1 的头像

延迟加载图片 有大用

星期六, 2013-06-15 19:28 — shiping1

http://maolihui.com/jquery-image-lazy-tutorial-perfect-edition.html

http://dynamiclu.iteye.com/blog/622101

http://developer.51cto.com/art/201206/340649.htm

http://www.cnblogs.com/capricornus/archive/2010/02/05/1664446.html

普通分类: 
jquery
shiping1 的头像

jQuery 效果 - toggle slideToggle() 方法 slideUp() 渐渐隐藏方法 slideDown() 渐渐显示方法 有大用

星期六, 2013-06-15 18:55 — shiping1

在 jQuery 中，

普通分类: 
jquery
shiping1 的头像

jQuery 效果 - toggle() 方法 - show() 方法 hide() 方法

星期一, 2013-06-10 18:57 — shiping1

(注: 滑动效果是 jQuery 效果 - slideToggle() 方法 slideUp() 方法 slideDown() 方法)

jQuery 效果参考手册

实例

切换 <p> 元素的显示与隐藏状态：

$(".btn1").click(function(){
  $("p").hide();
});

亲自试一试

定义和用法

toggle() 方法切换元素的可见状态。

如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。

普通分类: 
jquery

jquery select 有大用 有大大用

星期二, 2013-05-14 14:16 — adminshiping1

1. $("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text
3. var checkValue=$("#select_id").val();  //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex;  //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index");  //获取Select最大的索引值
jQuery设置Select选择的Text和Value:
 
语法解释：
1. $("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中
2. $("#select_id ").val(4);   //设置Select的Value值为4的项选中

普通分类: 
jquery

点击文字弹出一个DIV层窗口代码 阴影框 中间弹出 弹出 中间框 阴影框 有大用

星期五, 2013-04-26 16:53 — adminshiping1 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>点击文字弹出一个DIV层窗口代码</title> <style> 
        .black_overlay{
普通分类: 
jquery

jquery 基础 base 有大用

星期四, 2013-04-25 12:21 — adminshiping1
jQuery的Ajax介绍
2009年05月18日 星期一 上午 09:10
随 着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、 jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应 用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。
       jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年初创建的，它有助于简化 JavaScript? 以及Ajax 编程。有人使用这样的一比喻来比较prototype和jQuery：prototype就像Java，而jQuery就像ruby. 它是一个简洁快速灵活的JavaScript框架，它能让你在你的网页上简单的操作文档、处理事件、实现特效并为Web页面添加Ajax交互。

它具有如下一些特点：
普通分类: 
jquery

页面

Subscribe to RSS - jquery
Powered by Drupal

友情链接

校园好文网

 www.shipingzhong.cn  个人技术网_前端_后台    备案号:苏ICP备18010659号-2