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

这里的技术是共享的

You are here

jquery

shiping1 的头像

jquery筛选数组之grep、each、inArray、map的用法及遍历json对象 有大用

shiping1 的头像

jquery遍历json数组实例方法

本文章来给大家介绍在jquery中利用什么来遍历json数组,具体操作过程相当简单,有需要了解的朋友可进入参考参考。
普通分类: 
shiping1 的头像

jquery ajax的timeout参数和js的window.setTimeout方法

普通分类: 
shiping1 的头像

jQuery的unbind()函数详解

shiping1 的头像

使用jquery实现简单的拖动效果

shiping1 的头像

jquery 拖动效果 见下面红色字的部分 有大用

Example:

A simple jQuery UI Draggable

 

 
1
2
3
普通分类: 
shiping1 的头像

jQuery 事件 - unbind() 方法

jQuery 事件 - unbind() 方法

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

 

普通分类: 

页面

Subscribe to RSS - jquery