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

这里的技术是共享的

You are here

jquery

shiping1 的头像

一款基于jquery的媒体和图片浏览插件YoxView

shiping1 的头像

jquery图片播放插件lightBox使用详解 有大用

jquery图片播放插件lightBox使用详解

今天继续给大家介绍jquery图片播放插件,这个插件叫LightBox,使用非常简单灵活,配置也十分简洁方便,即使你是jquery初学者,相信看了下面的介绍后也能非常迅速地创建自己的图片播放器了。

普通分类: 
shiping1 的头像

jQuery获取Select选择的Text和 Value(转) 设置选中 有大用 有大大用

jQuery获取Select选择的Text和 Value(转)

分类:jquery技术    
2010-06-25 13:54 阅读(533)评论(0)    

    jQuery获取Select选择的Text和Value:
语法解释:
1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发

普通分类: 
shiping1 的头像

jquery 以什么什么开头 开始 结尾 结束 的对象元素 定义jquery对象 有大用

 //让所有的以 font 开头的元素的样式都改为 颜色为黑色
  $(my).siblings("[name^='font']").css('color','black');
//获取具有某属性值的相应元素     
$("input[name=qq]") //获取<input name="qq" type="text" />元素     
      
//属性与值关系     
=   //等于     
*=  //包含该值     
!=  //不包含该值     
^=  //以该值开头     
$=  //以该值结尾  

$("input[name^=qq]")     对象 name的值以qq开头


下面的@好像应该去掉
$('a[@href^="mailto:"]') 寻找所有带href属性且以mailto开头的锚元素
$('a[@href$=".pdf"]') 寻找所有带href属性并以.pdf结尾的链接
$('a[@href*="mysitle.com"]') 寻找所有内部链接

普通分类: 
shiping1 的头像

jquery 修改 获取 类名 className


普通分类: 
shiping1 的头像

jquery 得到 id

$(document).ready(function() {
        $('.guest li').each(function(){
                $(
普通分类: 
shiping1 的头像

mouseover 和 hover 方法的不同

mouseover 和 hover 方法的不同?jquery

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

jquery.bgiframe使用方法 见node/915

jquery.bgiframe使用方法

普通分类: 
shiping1 的头像

pic 图像滚动的一个例子



下面是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>
普通分类: 
shiping1 的头像

jQuery 属性操作 - addClass() 方法

jQuery 属性操作 - addClass() 方法

实例

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

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

亲自试一试

定义和用法

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

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

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

普通分类: 
shiping1 的头像

jquery 初始化 click事件

$(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("
普通分类: 
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>
普通分类: 
shiping1 的头像

jquery 打印部分页面

普通分类: 
shiping1 的头像

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

<div class="tool_pic fl">
普通分类: 
shiping1 的头像

jquery span click 事件

普通分类: 
shiping1 的头像

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

 $('.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);
普通分类: 
shiping1 的头像

JQuery中扩展outerHtml方法

普通分类: 
shiping1 的头像

js 对象 与 jquery 对象转换 互换

如果一个获取的是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")永远不为空
普通分类: 
shiping1 的头像

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

jquery如何获取第一个子元素

  • HTML code

普通分类: 
shiping1 的头像

jquery each

$('.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 ); });
普通分类: 
shiping1 的头像

jquery 元素操作 增加元素

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)

普通分类: 
shiping1 的头像

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

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

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


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



 

普通分类: 
shiping1 的头像

jQuery Datepicker 中文 汉化

jQuery Datepicker 中文

jQuery Datepicker 中文

普通分类: 
shiping1 的头像

jquery 初始化 相当于 onload

$(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});	

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

jquery 焦点图

1)在 80niandai.org上有

普通分类: 
shiping1 的头像

使用goole的jquery

<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>

普通分类: 
shiping1 的头像

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

shiping1 的头像

Jquery判断Id是否存在

    Jquery中一些查找与处理

普通分类: 
shiping1 的头像

jquery 动态加载js三种方法

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了。

普通分类: 
shiping1 的头像

jquery 判断图片加载完毕

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

普通分类: 

页面

Subscribe to RSS - jquery