jquery 问题

 

detach():这个方法不会把匹配的元素从jQuery对象中删除，于是能够在未来再使用这些匹配的元素。与remove()不一样的是，全部绑定的事件、附加的数据等都会保留下来。

 

jquery ajax不能下载文件　

 

jquery 使用$.cookie:须要引入jquery.cookie.js；

不能屡次引入jquery.js

 

场景：polymer paper-button选中，元素添加active属性；如何判断元素是否被active：$('#').attr('active') ===undefined，说明没有被active

选择有active属性的元素$('div[active]');

 

jquery 同时绑定click和dblclick，dblclick时也会触发click：http://www.cnblogs.com/huangjacky/archive/2012/09/27/2706110.html

var _time = null;
$(this).find("tr").dblclick(function(e){
    clearTimeout(_time);
    console.log("dblclick");
    //真正双击代码

}).click(function(e){
    clearTimeout(_time);
    _time = setTimeout(function(){
        console.log("click");
        //单击事件在这里

    }, 300);
});

　　

jquery插件判断方法

if(!window.jQuery) {
  alert("Could not find jQuery! The HTML must include jquery.js before opencpu.js!")
}

 

jquery 操做 checkbox

国内不少技术博客太坑了，jquery选中或取消checkbox，居然全都写错了，都用attr('', true/'checked');大家也不本身多点几回，能行得通吗？

或许是我用的jquery版本不一样，我用的1.11.3

$('').prop('checked', true);  $('').prop('checked', false); 

 

jquery 操做 radio

$('input[name="color_pal"][value="sfp"]').prop('checked', true);

　　

jquery hover:这个方法挺好用的，若是须要hover 和 no hover有不一样的事件时，能够用它来实现

$('').hover(function(){}, function(){}) 

 

jquery .stop();

中止当前元素上运行的动画

须要的场景：mouse over 执行一个动画；若是很快over5次，会执行5次动画；若是使用了.stop()， 则在动画执行期间不会监听到over事件

 

jquery对象与dom对象

DOM对象：var dom = document.getElementById('#id'); 方法：dom.innerHTML;

jQuery对象：var jquery = $('#id'); 方法：jquery.html()

jquery对象转为dom对象：[0] get(0)

dom对象转为jquery对象：$(dom)

 

click <a>

问题场景：须要js触发<a>的click()事件，使用jquery对象一直没有成功的触发：$('#test').click()

解决办法：把jquery对象转为dom对象，$('#test')[0].click();  $('#test').get(0).click(); 这里至关于调用了dom的click()方法

 

使用jquery插件dotdotdot

$(".test").dotdotdot({
　　wrap: 'letter'
});
// 英文的话，wrap是Word和letter均可以，若是是中文的话，wrap只能是letter

 

animate延迟实现
错误的写法

setTimeout(function(){
    $(this).animate({top: '0'}, 400, 'linear', function(){
        console.log('debug2');
    })
}, 200)

正确的写法

setTimeout(function(){
    $('#test').animate({top: '0'}, 400, 'linear', function(){
        console.log('debug2');
    })
}, 200)    

缘由：setTimeout会改变上下文环境，致使this指向有问题

 

不是接受键盘事件，而是模拟键盘操做

触发keydown事件

jQuery(function($){

$(window).keydown(function(e){

if(e.keyCode==13){
　　e.preventDefault();
　　alert("按下了enter`````");
}

});

function simulateKeyPress(character){

var e = jQuery.Event("keydown");
e.keyCode=character;
$(window).trigger(e);

};


$('#submit').on('click', function(){

simulateKeyPress(13);

})

　　

jquery mobile

input click后，出现蓝色的边框

input:focus { outline: none; } 可消除。

 

今天碰到一个js的加载问题。

描述：<script>引入jquery，再引入opencpu。若是opencpu先加载完成，就会开始执行，若是没找到jquery，就会提示报错；不然，执行setURL()

解决办法：加载顺序，经常使用require，可是这里用的比较简单，感受不必。

一、加载完jquery，再经过js动态加载opencpu。这种方法，本身写的动态加载的函数没有回调，无法在opencpu加载完，执行setURL。

二、jquery ajax getScript()，能够弥补1的不足。

jQuery.ajax({
    url: "jquery.cookie.js",　　　 // 能够缓存脚本
    dataType: "script",
    cache: true
}).done(function() {
    jQuery.cookie("cookie_name", "value", { expires: 7 });
});

　

jsonp用法：只支持get 不支持post

$.ajax({
        type: 'POST',
        url: "http://localhost:3050/test",
        data: {
          "Email": "asda@qeq.com",
          "Password": "123456"
        },
        dataType: "jsonp",
        success: function(data){
          debugger
        }
      })

 

跨域 须要在服务器端添加Access-Control-Allow-origin:*　　

　

当调整浏览器窗口大小时，触发resize时间；而内容高度变化时，不会触发resize事件

innerHeight() 就是scrollHeight

 

jquery easing

须要添加ui.css ui.js才能够用缓动函数；经常使用的缓动函数，能够从官网查找：http://jqueryui.com/easing/

 

fullpage.js 开发时，把全部的内容都放在div，而后div居中就好。

 

.stop()的一个问题

代码以下

$('.page-6 .list .item').mouseenter(function(){
    var that = this;
    $(this).find('.img-wrap').stop(true).fadeOut(200, function(){
      $(that).find('.text-wrap').stop(true).fadeIn(200, function(){
      });
    });
  })

  $('.page-6 .list .item').mouseleave(function(){
    var that = this;
    $(this).find('.text-wrap').stop(true).fadeOut(200, function(){
      $(that).find('.img-wrap').stop(true).fadeIn(200, function(){
      });
    });
  })

若是使用jquery-1.7.2.js 当在200ms内，leave元素时，相关元素不会回到最初状态；若是使用jquery-2.1.4.js 当在200ms内，leave元素时，相关元素会回到最初状态，这才是理想的状况。

 

innerHeight() 包括padding