-
检测对象是否为原始对象 调用名为$.isPlainObject的工具函数，能检测对象是否为通过{}或new Object()关键字创建的原始对象，如果是，返回true，否则，返回false值，调用格式为： $.isPlainObject (obj); 其中，参数obj表示需要检测的对象名称。 注意：经实验，由ajax返回plain数据并不是plain。查看全部
-
$(selector).wrap(wrapper)和$(selector).wrapInner(wrapper) 参数selector为被包裹的元素，wrapper参数为包裹元素的格式。查看全部
-
检测对象是否为空 在jQuery中，可以调用名为$.isEmptyObject的工具函数，检测一个对象的内容是否为空，如果为空，则该函数返回true，否则，返回false值，调用格式如下： $.isEmptyObject(obj); 其中，参数obj表示需要检测的对象名称。 $.isEmptyObject($("p"));//为空返回true，非空返回false查看全部
-
检测浏览器是否属于W3C盒子模型 浏览器的盒子模型分为两类，一类为标准的w3c盒子模型，另一类为IE盒子模型，两者区别为在Width和Height这两个属性值中是否包含padding和border的值，w3c盒子模型不包含，IE盒子模型则包含，而在jQuery 中，可以通过$.support.boxModel对象返回的值，检测浏览器是否属于标准的w3c盒子模型。 $.support.boxModel//true则W3C盒子，false则IE盒子 注意： 代码没有加上 DOCTYPE 声明，在 IE 浏览器中显示“IE盒子模型”，在 FF 浏览器中显示“标准 W3C 盒子模型”，各浏览器各按自己去解析盒子，但加上DOCTYPE声明，会告诉浏览器如何解析盒子。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">查看全部
-
表单选择器：号前面不加空格是指当前的 而加了空格的是从子代里选择查看全部
-
获取浏览器的名称与版本信息 在jQuery中，通过$.browser对象可以获取浏览器的名称和版本信息，如$.browser.chrome为true，表示当前为Chrome浏览器，$.browser.mozilla为true，表示当前为火狐浏览器，还可以通过$.browser.version方式获取浏览器版本信息。 $.browser.chrome $.browser.mozilla $.browser.version查看全部
-
工具提示插件——tooltip 工具提示插件可以定制元素的提示外观，提示内容支持变量、Ajax远程获取，还可以自定义提示内容显示的位置，它的调用格式如下： $(selector).tooltip({options}); 其中selector为需要显示提示信息的元素，可选项参数options为tooltip()方法的配置对象，在该对象中，可以设置提示信息的弹出、隐藏时的效果和所在位置。 $(function () { $("input").tooltip({ show: { effect: "slideDown", delay: 350 }, hide: { effect: "explode", delay: 350 }, position: { my: "left top", at: "right bottom" } }); }); 注意：my at是提示与对象相对位置查看全部
-
3 种移除样式的例子 $("#content").removeClass("blue white"); $("#content").removeClass(); $("#content").removeAttr("class");查看全部
-
使用getJSON()方法异步加载JSON格式数据 使用getJSON()方法可以通过Ajax异步请求的方式，获取服务器中的数据，并对获取的数据进行解析，显示在页面中，它的调用格式为： jQuery.getJSON(url,[data],[callback])或$.getJSON(url,[data],[callback]) 其中，url参数为请求加载json格式文件的服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。查看全部
-
表单选择器的书写“:”左边有空格。 过滤选择器的书写“:”左边不能有空格。查看全部
-
微调按钮插件——spinner 微调按钮插件不仅能在文本框中直接输入数值，还可以通过点击输入框右侧的上下按钮修改输入框的值，还支持键盘的上下方向键改变输入值，调用格式如下： $(selector).spinner({options}); selector参数为文本输入框元素，可选项options参数为spinner()方法的配置对象，在该对象中，可以设置输入的最大、最小值，获取改变值和设置对应事件。 $(function () { //定义变量 var intR = 0, intG = 0, intB = 0, strColor; $("input").spinner({ //初始化插件 max: 10, min: 0, step:0.1, //设置微调按钮递增/递减事件 spin: function (event, ui) { if (ui.value == 8) spnPrev.style.backgroundColor = "red"; else spnPrev.style.backgroundColor = "green"; }, //设置微调按钮值改变事件 change: function (event, ui) { var intTmp = $(this).val();//spinner("value"); if (intTmp < 0) $(this).val(0);//spinner("value", 0); if (intTmp > 10) $(this).val(10);//spinner("value", 10); if (intTmp == 8) spnPrev.style.backgroundColor = "red"; else spnPrev.style.backgroundColor = "green"; } }); });查看全部
-
$(function () { $("#divload").ajaxStart(function(){ $(this).html("正在请求数据..."); }); $("#divload").ajaxStop(function(){ $(this).html("数据请求完成！"); }); $("#btnShow").bind("click", function () { var $this = $(this); $.ajax({ url: "http://www.imooc.com/data/info_f.php", dataType: "json", // type:"post", success: function (data) { $this.attr("disabled", "true"); $("ul").append("<li>我的名字叫：" + data.name + "</li>"); $("ul").append("<li>男朋友对我说：" + data.say + "</li>"); } }); }) }); </script>查看全部
-
使用each()方法遍历元素 使用each()方法可以遍历指定的元素集合，在遍历时，通过回调函数返回遍历元素的序列号，它的调用格式为： $(selector).each(function(index)) 参数function为遍历时的回调函数，index为遍历元素的序列号，它从0开始。查看全部
-
$(function () { $.ajaxSetup({ dataType:"text", type:"post", success:function(data){ $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); //alert(data); } }); $("#btnShow_1").bind("click", function () { $.ajax({ data: { num: $("#txtNumber").val() }, url: "http://www.imooc.com/data/check.php" }); }) $("#btnShow_2").bind("click", function () { $.ajax({ data: { num: $("#txtNumber").val() }, url: "http://www.imooc.com/data/check_f.php" }); }) });查看全部
-
$(function () { $("#btnCheck").bind("click", function () { $.ajax({ url:"http://www.imooc.com/data/check.php", data: { num: $("#txtNumber").val() }, type:"post", success: function (data) { $("ul").append("<li>你输入的<b> " + $("#txtNumber").val() + " </b>是<b> " + data + " </b></li>"); } }); }) });查看全部
举报
0/150
提交
取消