kongjunchao159的博客

jQuery.parseJSON(data)该函数接受一个JSON字符串，返回解析后的对象注意：对于JSON字符串格式要求严格，键值和对应的值都必须用双引号包含，不能使用单引号，另外，如果什么都不传入，或者一个空字符串、null、undefined，parseJSON都会返回null例子：var obj = $.parseJSON('{"name":"John","age"

使用jquery ajax验证注册：（使用thinkphp）提交的register方法：自动验证：

setTimeout()：延迟一段时间，再进行某项操作，不会重复setInterval()：每隔多少秒，自动循环重复某项操作clearTimeout()：清除设置好的setTimeout()clearInterval()：清除设置好的setInterval()window.setTimeout("function",5000); //页面在打开5秒钟后执行function函

$(document).ready(function(){$("button").click(function(){$(".div1").remove();//remove()-删除所选元素及其子元素，括号中可填过滤的元素，empty()-删除所选元素的子元素});});今天天气不错明天天气也不错点击删除元素

$(document).ready(function(){$("button").click(function(){alert($("#test").text());//弹出显示id="test"的这段文本的对话框});});$(document).ready(function(){$("button").click(function(){a

$(document).ready(function(){$("button").click(function(){$("p").toggle();//toggle()切换hide()和show()});});切换这是一个段落这是另一个段落

$(document).ready(function(){$(".show_more").click(function(){var change_height=$(".weather").css("height");//变量change_height的值为class="weather"中height属性的值if(change_height=="280px"){$(".weath

$(document).ready(function(){$("button").click(function(){var txt1="Text1";//以html创建新元素var txt2=$("").text("Text2");//以jquery创建新元素var txt3=document.createElement("p")txt3.innerHTML="Text3";/

$(document).ready(function(){$("button").click(function(){$("#div1").fadeIn();$("#div2").fadeIn("slow");$("#div3").fadeIn(3000);});});fadeIn();淡入已隐藏的元素fadeOut();淡出可见元素fadeToggl

$(document).ready(function(){//为了防止文档在完全加载之前运行jQuery代码$("button").click(function(){//查找button元素，点击后执行该方法$("p").hide();//将所有p元素隐藏});});This is a headingThis is a paragraphThis is an

jQuery中wrap()、wrapAll()和wrapInner()的区别(使用指定的HTML元素来包裹被选元素)例子：原代码：段落1段落2wrap()方法：$('p').wrap('');结果：段落1段落2wrapAll()方法：$('p').wrap('');结果：段落1段落2wr

jQuery的deferred对象可以使其普通的操作也可执行回调函数//传统的ajax操作$.ajax({ url : 'test.html', success : function(){ alert('成功'); }, error : function(){ alert('失败'); }})//使用deferred对象，可以进行链式操作//done相当于succe

使用jQuery判断上传图片的类型和大小 图片格式为：图片大小为：$(function(){ var p_1 = $('#p_1'), p_2 = $('#p_2'); $('body').on('change','#file',function(){ var path = $(this).val(), extStart = path.lastIn

jQuery判断对象是否为空，即没有属性使用$.isEmptyObject({...})方法，为空对象返回true，否则返回false原理，通过for in循环遍历所有属性function isEmptyObject(obj){for(k in obj){return false;}return true;}

在一个项目中使用jquery的data方法和attr方法操作元素的属性时遇到了一些坑，特此整理下data、attr、prop的区别问题来源：某个元素具有data-key属性，js使用xx.attr('data-key')操作该元素，在chrome开发者工具中查看Elements，该元素的data-key属性确实更改为新赋予的值，但是在用xx.data('key')取值的时候，发现还是原先最

jQuery reel插件：产品3D展示效果例子：3D展示效果body{width:100%; height:100%;}.main{width:512px; height:512px; margin:0 auto; border:1px solid red;}    $(function(){        //

mouseout和mouseleave的区别：例子：$(function(){    $('div').mouseout(function(){        //当鼠标移出div的时候，或者移到div内的子元素的时候会执行该方法    })    $('div').mouseleave(function(){        //仅当鼠标移出div的时候执行，移

//参数第一个为数组，第二个为需要判断是否存在于数组中的值function isInArray(arr,val){    var str = ","+arr.join(",")+",";    if(str.indexOf(","+val+",") != "-1"){        //该数存在于数组中        arr.splice($.inArray(val,arr),

addClass('...');    添加ClassremoveClass('...');    移除ClasshasClass('...');    返回true或falseunbind('...');    解除绑定事件注意：当某元素Class绑定了某事件后，移除Class的同时，需要解除该元素绑定的事件，否则该事件仍会生效例子：$('div').hasCla

jQuery ajax - getJSON()方法：$.getJSON("test.json",function(data){    alert(data[0].name);});该函数是简写的Ajax函数，等价于：$.ajax({    url: url,    data: data,    success: callback,    dataType

属性：效果：举例：#pic{width:320px; height:150p

$(function(){//初始化var win_w = $(window).width;var win_h = $(window).height;//获取弹窗的宽高var tc_w = $('#tc').width();var tc_h = $('#tc').height();//居中显示tc_l = (win_w-tc_w)/2;tc_t = (win_h

使用jquery跳转a标签：Hello$("a.popup").click(function(event){event.preventDefault();//阻止默认的点击事件window.open(this.getAttribute('href'));//弹出新窗口显示跳转页面});

jquery获取屏幕高度：$(window).height();     //浏览器当前窗口可视区域高度$(document).height();     //浏览器当前窗口文档的高度$(document.body).height();     //浏览器当前窗口文档body的高度$(document.body).outerHeight(true);     //浏览器当前窗口文档

$.each遍历JSON：var obj = {one:1,two:2,three:3};$.each(obj,function(key,val){    alert(obj[key]);    //1,2,3    alert(key);    //one,two,three    alert(val);    //1,2,3});var json = [{"

jquery 1.6之前的版本：alert(obj.attr("checked"))会返回true或falsejquery 1.6之后的版本：alert(obj.attr("checked"))会返回checked或undefined解决办法：jquery 1.6之后的版本，可以使用attr获取属性，prop获取特性alert(obj.prop("checked"));

用jquery创建一个div：方法一：var tip = $(''); //创建一个divtip.attr('id','tip'); //给div设置idtip.addclass('tip'); //给div设置classtip.appendTo('body'); //将div添加到body中方法二：var tip = "加载中...";$(window).

bind()delegate()live()以上三种方法在jquery 1.8以后不推荐使用，1.9版本时已经取消了live()方法，建议使用on()方法代替如果需要移除on()绑定的事件，可以使用off()方法on()方法可适用于绑定未创建的元素，例子：    $('.btnCrop').click(function(){        var img =

jQuery中获取元素位置的方法：offset()获取元素的当前视口的相对偏移，只对可见元素有效返回的对象包含两个属性：top、leftposition()获取元素相对于父元素的偏移，只对可见元素有效返回的对象包含两个属性：top、left区别：position()方法是把元素当绝对定位来处理，获取的是该元素相对于最近的一个拥有绝对或者相对定位的父元素的

trigger方法：可以手动触发通过on或其它方式绑定到某元素的事件，例如click、change、submit等例子：$('#id').on('click', function(){})$('#id').trigger('click')triggerHandler方法：类似于trigger，但是不会触发元素的默认行为，例如a标签的跳转行为，submit的提交行为等