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

这里的技术是共享的

You are here

首页 › javascript

jquery

shiping1 的头像

jquery 得到 id

星期五, 2013-11-15 08:57 — shiping1
$(document).ready(function() {
        $('.guest li').each(function(){
                $(
普通分类: 
jquery
shiping1 的头像

mouseover 和 hover 方法的不同

星期五, 2013-11-15 08:46 — shiping1

mouseover 和 hover 方法的不同？jquery

(2011-05-05 10:00:04)
普通分类: 
jquery
shiping1 的头像

jquery.bgiframe使用方法 见node/915

星期四, 2013-11-14 14:56 — shiping1

jquery.bgiframe使用方法

作者：jucelin   发布：2012-03-05 09:15   分类：前端设计   热度：3212 ℃   7条评论

jquery.

普通分类: 
jquery
shiping1 的头像

pic 图像滚动的一个例子

星期四, 2013-10-31 12:48 — shiping1


下面是html
<div class="gd" >

<p><span class="left grcy">校园活动</span><span class="right grcy more">更多 》 》</span></p>

<div class="infiniteCarousel">

      <div class="wrapper" >

       <ul id='imgscroll'>

        {dede:arclist row=18 orderby=pubdate type='image.' imgwidth='173' imgheight='130' flag=f}

        <li>[field:image/]</li>

        {/dede:arclist}

       </ul>

      </div>
普通分类: 
jquery
shiping1 的头像

jQuery 属性操作 - addClass() 方法

星期二, 2013-10-29 12:01 — shiping1

jQuery 属性操作 - addClass() 方法

jQuery 属性操作参考手册

实例

向第一个 p 元素添加一个类：

$("button").click(function(){
  $("p:first").addClass("intro");
});

亲自试一试

定义和用法

addClass() 方法向被选元素添加一个或多个类。

该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。

提示：如需添加多个类，请使用空格分隔类名。

普通分类: 
jquery
shiping1 的头像

jquery 初始化 click事件

星期二, 2013-10-29 10:23 — shiping1 
$(function() {
      $(".weibodiv").click(function(){    
	       showhide();
      }); 
       $(".wb_btn").click(function(){
      	       showhide();
      }); 
      setInterval("showhide();", 90000);
  });


或者


$(document).ready(function(){  
             alert(111);
    })



function setClickEvent()
{
    /*jQuery("#yiwanchengTid31  .pager-item a")
        .add("#yiwanchengTid31  .pager-first a")
        .add("#yiwanchengTid31  .pager-previous a")
        .add("#yiwanchengTid31  .pager-next a")
        .add("#yiwanchengTid31  .pager-last a")*/
    jQuery("
普通分类: 
jquery
shiping1 的头像

点击后右边显示或隐藏 (滑动显示 )

星期二, 2013-10-29 09:54 — shiping1
先要引入jquery文件
<div id="floatTools" class="float0831">
  <div class="floatL">
  <a looyu_bound="1" style="DISPLAY: none" id="aFloatTools_Show" class="btnOpen" title="查看在线客服" onclick="javascript:jQuery(this).css('display','none') ;jQuery('#aFloatTools_Hide').css('display','block'); jQuery('#divFloatToolsView').animate({width: '130px',opacity: 'show'}, 'normal',function(){ jQuery('#divFloatToolsView').css('display','block');}); ;return false;" href="#">展开</a>
普通分类: 
jquery
shiping1 的头像

jquery 打印部分页面

星期六, 2013-10-19 10:21 — shiping1

普通分类: 
jquery
shiping1 的头像

鼠标放在去 显示 或暗或明的效果

星期三, 2013-10-16 10:30 — shiping1 
<div class="tool_pic fl">
普通分类: 
jquery
shiping1 的头像

jquery span click 事件

星期二, 2013-10-15 10:33 — shiping1
普通分类: 
jquery
shiping1 的头像

jquery 取得其中一个子元素的索引 hover事件

星期一, 2013-10-14 17:52 — shiping1
 $('.banner_page span').hover(function () {
                
                //clearInterval(int);
                var index = $(this).parent().find('span').index($(this));
                $(this).addClass('cur').siblings().removeClass('cur');
                if (!$list.is(':animated')) {
                    //$list.animate({ 'left': -index * width }, 300);
                    $('.banner_list').each(function(i){
                $(this).children('li').eq(index).siblings().hide();
                $(this).children('li').eq(index).fadeIn(1000);
普通分类: 
jquery
shiping1 的头像

JQuery中扩展outerHtml方法

星期六, 2013-10-12 21:34 — shiping1

普通分类: 
jquery
shiping1 的头像

js 对象 与 jquery 对象转换 互换

星期六, 2013-10-12 10:41 — shiping1
如果一个获取的是jQuery对象，那么我们在变量前面加上$，
如：var $variab = jQuery对象；
如果获取的是DOM对象，则与习惯普通一样：
var variab = DOM对象；这么约定只是便于讲解与区别，实际使用中并不规定。


jquey  =>  dom
(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。
如：var $v =$("#v") ; //jQuery对象
var v=$v[0];    //DOM对象

(2)jQuery本身提供，通过.get(index)方法，得到相应的DOM对象
如：var $v=$("#v");  //jQuery对象
var v=$v.get(0);   //DOM对象



dom  =>  jquey
var v=document.getElementById("v");  //DOM对象
var $v=$(v);    //jQuery对象
最常用的是  $(this)


$("#preview")永远不为空
普通分类: 
jquery
shiping1 的头像

jquery 获取第一个 最后一个子元素 第二个子元素 第n个子元素 有大用

星期六, 2013-10-12 10:39 — shiping1

jquery如何获取第一个子元素

  • HTML code

普通分类: 
jquery
shiping1 的头像

jquery each

星期六, 2013-10-12 09:45 — shiping1
$('.views-table').children('tbody').children('tr').each(function(i)
          {
           this.style.color=['#f00','#0f0','#00f'][i];         
          });


$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i]})  
//为索引分别为0，1，2的p元素分别设定不同的字体颜色。
也可以用 $.each($('p'), function(i){this.style.color=['#f00','#0f0','#00f'][i]})  



$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})  
//实现表格的隔行换色效果


$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); });
普通分类: 
jquery
shiping1 的头像

jquery 元素操作 增加元素

星期五, 2013-10-11 15:40 — shiping1

1)
<p>I would like to say: </p>
$("p").append("<b>Hello</b>");
$("p").append("<b>Hello</b>"); ==>> [<p>I would like to say: <b>Hello</b></p> ]

是插在<p>的结束标签的前面
append 是指和after交换不同的,他是在指定元素的内部最后面加入html代码,做为子元素存在
before 应该就是加在指定元素的外面的前面
after应该就是加在指定元素的外面的后面

 

2)

普通分类: 
jquery
shiping1 的头像

jquery判断为空 某元素是否存在

星期五, 2013-10-11 15:28 — shiping1

$("#aaa")[0]  看它是否==null

if($("p")[0]!==null)
{
      alert('有id为aaa的元素');
}


if($("p")[0]!=null)
{
      alert('有id为aaa的元素');
}



 

普通分类: 
jquery
shiping1 的头像

jQuery Datepicker 中文 汉化

星期一, 2013-09-23 14:44 — shiping1

jQuery Datepicker 中文

分类：jQuery

jQuery Datepicker 中文

普通分类: 
jquery
shiping1 的头像

jquery 初始化 相当于 onload

星期一, 2013-09-23 12:01 — shiping1 
$(function(){

		$("#stime_search").datepicker({dateFormat: 'yy-mm-dd',showOn: 'button', buttonImage: '../css/le-frog/images/calendar.gif', buttonImageOnly: true});

		$("#etime_search").datepicker({dateFormat: 'yy-mm-dd',showOn: 'button', buttonImage: '../css/le-frog/images/calendar.gif', buttonImageOnly: true});	

	});
普通分类: 
jquery
shiping1 的头像

jquery 焦点图

星期一, 2013-09-09 08:06 — shiping1

1)在 80niandai.org上有

普通分类: 
jquery
shiping1 的头像

使用goole的jquery

星期一, 2013-09-02 18:11 — shiping1

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

<!--判断是否存在google的jquery,如果不存在的话(可能是网络问题) 就使用自己的jquery-->
    <script>
        !window.jQuery && document.write('<script src="{dede:global.cfg_templets_skin/}/js/jquery.js"><\/script>');
    </script>

普通分类: 
jquery
shiping1 的头像

jQuery页面加载初始化的3种方法

星期一, 2013-09-02 14:10 — shiping1

区经理        CSDN博客第三期云计算最佳博主评选

普通分类: 
jquery
shiping1 的头像

Jquery判断Id是否存在

星期六, 2013-08-31 09:38 — shiping1

    Jquery中一些查找与处理

普通分类: 
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

页面

Subscribe to RSS - jquery
Powered by Drupal

友情链接

校园好文网

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