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

这里的技术是共享的

You are here

jquery

shiping1 的头像

jquery 按下鼠标 松开鼠标

.mousedown(function(){
          doyoo.monitor.loop = 30;
        $(this).addClass('startbtn2');
      }).mouseup(function(){
        $(this).removeClass('startbtn2');
      })
普通分类: 
shiping1 的头像

Jquery+PHP走马灯抽奖效果示例源码 网友痴分享jquery仿老虎机抽奖特效 跑马灯 有大用

Jquery+PHP走马灯抽奖效果示例源码

hoho 发表在 jquery学习, 其他杂项,Tags: , , ,
普通分类: 
shiping1 的头像

jquery 抽奖 特效

shiping1 的头像

jquery 学习的好网址 内有各种特效

http://www.helloweba.com/

Mar
31

jQuery实现的全选、反选和不选功能

作者:月光光 时间:2014-03-31 21:15 标签:jQuery 

普通分类: 
shiping1 的头像

jquery 滚动特效

下面三步
1)引入这个jquery文件
2) html的代码

3)自己写滚动的代码
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>


<div class="con-list">
                         <ul class="award-list">
                            <li id="2" class="list list-1">

普通分类: 
shiping1 的头像

jQuery 事件 - trigger() 方法

jQuery 事件 - trigger() 方法

实例

触发 input 元素的 select 事件:

$("button").click(function(){
  $("input").trigger("select");
});

亲自试一试

定义和用法

trigger() 方法触发被选元素的指定事件类型。

触发事件

规定被选元素要触发的事件。

普通分类: 
shiping1 的头像

使用jQuery+PHP+Mysql实现抽奖程序 随机抽奖

普通分类: 
shiping1 的头像

PHP+jQuery实现翻板抽奖

普通分类: 
shiping1 的头像

jQuery 事件 - mousedown() 方法 与 click事件的区别

jQuery 事件 - mousedown() 方法

普通分类: 
shiping1 的头像

jquery 切换class

<script type="text/javascript">
//当鼠标滑入时将div的class换成divOver
$('.li').hover(function(){
    $(this).addClass('n-mouseover');
},function(){
    //鼠标离开时移除divOver样式
    $(this).removeClass('n-mouseover');
});
$('.ask-sort-tit').hover(function(){
    $('.ask-sort-con').slideDown('fast',function(){
        $('.ask-sort-tit').find('h2 > span').addClass('s-up');
    });
},function(){
    $('.ask-sort-con').slideUp('fast');
    $('.ask-sort-tit').find('h2 > span').removeClass('s-up');
});

//绑定搜索
普通分类: 
shiping1 的头像

jquery 加入cookie的例子

jQuery.cookie = function(name, value, options) {
    if (typeof value != 'undefined') { // name and value given, set cookie
        options = options || {};
        if (value === null) {
            value = '';
            options.expires = -1;
        }
        var expires = '';
        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
            var date;

            if (typeof options.expires == 'number') {
                date = new Date();
普通分类: 
shiping1 的头像

悬浮框 带 链接一js 一般的功能 如回到顶部 一点就展开 在ukart上面有这个功能

 var agt = navigator.userAgent.toLowerCase();
var is_ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1));

var is_gecko= (navigator.product == "Gecko");
var is_webkit=agt.indexOf('webkit')>-1;
var is_safari = (agt.indexOf('chrome')==-1)&&is_webkit;
var is_ie6 = is_ie && /msie (\d)\./.test(agt) && parseInt(RegExp.jQuery1) < 7;
var is_ie7 = is_ie && /msie (\d)\./.test(agt) && parseInt(RegExp.jQuery1) == 7;
 


function a(x,y){
普通分类: 
shiping1 的头像

jQuery 事件 - submit() 方法 表单提交

jQuery 事件 - submit() 方法

实例

当提交表单时,显示警告框:

$("form").submit(function(e){
  alert("Submitted");
});

亲自试一试

定义和用法

当提交表单时,会发生 submit 事件。

该事件只适用于表单元素。

submit() 方法触发 submit 事件,或规定当发生 submit 事件时运行的函数。

普通分类: 
shiping1 的头像

js 常用各种验证

function checkSubmit()
{
    if(document.addcontent.fromurl!=null)
    {
        document.addcontent.fromurl.value=document.location.href;
    }     
    if(document.addcontent.title.value==""){
        alert("姓名不能为空!");
        document.addcontent.title.focus();
        return false;
    }
    if(document.addcontent.tel.value==""){
        alert("必须填写手机!");
        document.addcontent.tel.focus();
        return false;
    }
    var tel = document.addcontent.tel.value;
    if (tel!=''){
普通分类: 
shiping1 的头像

jQuery 效果 - animate() 方法 渐渐改变效果

jQuery 效果 - animate() 方法

实例

改变 "div" 元素的高度:

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

亲自试一试

定义和用法

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

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

只有数字值可创建动画(比如 "margin:30px")。字符串值无法创建动画(比如 "background-color:red")。

普通分类: 
shiping1 的头像

jquery 父元素

jQuery 遍历 - parent() 方法

实例

查找每个段落的带有 "selected" 类的父元素:

$("p").parent(".selected")

亲自试一试

定义和用法

parent() 获得当前匹配元素集合中每个元素的父元素,使用选择器进行筛选是可选的。

普通分类: 
shiping1 的头像

jquery 所有父元素

jQuery 遍历 - parents() 方法

实例

查找每个 b 元素的所有父元素:

$("b").parents()

亲自试一试

定义和用法

parents() 获得当前匹配元素集合中每个元素的祖先元素,使用选择器进行筛选是可选的。

普通分类: 
shiping1 的头像

jQuery - 删除元素

jQuery - 删除元素

通过 jQuery,可以很容易地删除已有的 HTML 元素。

删除元素/内容

如需删除元素和内容,一般可使用以下两个 jQuery 方法:

普通分类: 
shiping1 的头像

jQuery ajax - ajax() 方法

jQuery ajax - ajax() 方法

实例

通过 AJAX 加载一段文本:

jQuery 代码:

$(document).ready(function(){
  $("#b01").click(function(){
  htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
  $("#myDiv").html(htmlobj.responseText);
  });
});

HTML 代码:

普通分类: 
shiping1 的头像

jquery ajax 错误


//jquery下面这个信息很有用
error: function(XMLHttpRequest, textStatus, errorThrown) {  //#3这个error函数调试时非常有用,如果解析不正确,将会弹出错误框
                        alert(XMLHttpRequest.status);
                        alert(XMLHttpRequest.readyState);
                        alert(textStatus); // paser error;
                    },

普通分类: 
shiping1 的头像

jQuery 遍历 - add() 方法

jQuery 遍历 - add() 方法

 

$(document).ready(function(){
     $('#swtIcon_Counter').add('#swtLinkCounter').text(num);
});
实例

找到所有 div 并添加边框。然后将所有段落添加到该 jQuery 对象,并把它们的背景设置为黄色:

$("div").css("border", "2px solid red")
        .add("p")
        .css("background", "yellow");

定义和用法

add() 方法将元素添加到匹配元素的集合中。

普通分类: 
shiping1 的头像

jQuery DOM 元素方法 - size() 方法 元素的个数大小长度

jQuery DOM 元素方法 - size() 方法

实例

输出被 jQuery 选择器匹配的元素的数量:

$("button").click(function(){
  alert($("li").size());
});

亲自试一试

定义和用法

size() 方法返回被 jQuery 选择器匹配的元素的数量。

普通分类: 
shiping1 的头像

jquery设置元素的readonly和disabled

jquery设置元素的readonly和disabled

Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下。如下:
 1.readonly
    $('input').attr("readonly","readonly")//将input元素设置为readonly
    $('input').removeAttr("readonly");//去除input元素的readonly属性
  
    if($('input').attr("readonly")==true)//判断input元素是否已经设置了readonly属性

 

普通分类: 
shiping1 的头像

JS的灯箱插件Shadowbox,支持图片、视频、网页、flash、FLV等媒体轮播

shiping1 的头像

http://www.blueidea.com/download/product/2007/5182.asp thinkbox 例子

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


普通分类: 

页面

Subscribe to RSS - jquery