实例解析jQuery工具函数

2020-05-24 21:41:15易采站长站整理

 如果数组中存在被搜索元素,则返回被搜索元素的索引


$(function () {
var arr = [1, 2, 3, 4, 5];
alert($.inArray(4,arr));  //弹出 3
})

八、$.trim()

  去除字符串两边的空格


$(function () {
var str = " 你在他乡还好吗? ";
document.write("11" + str + "11" + "<br/>");  //输出 11 你在他乡还好吗? 11
document.write("11" + $.trim(str) + "11");   //输出 11你在他乡还好吗?11    //加个11是为了看清楚差别。
})

九、测试操作

    $.isArray(obj)    检测参数是否是数组

    $.isFunction(obj)   检测参数是否是一个函数

    $.isEmptyObject(obj)  检测参数是否是一个空对象

    $.isPlainObject(obj)   检测参数是否是一个纯粹对象,即对象是否通过{}或new Object()关键字创建。

    $.contains(container,contained)  检测一个DOM节点是否包含另一个DOM节点。是则返回true否则表示false。注意参数是DOM对象并非jQuery对象。


$(function () {
var arr = [1, 2, 3, 2, 1];
document.write(jQuery.isArray(arr));  //返回true
var str = "123";
document.write(jQuery.isArray(str));  //返回false
})
$(function () {
var f = fun1;
alert($.isFunction(fun1));  //返回true
})
function fun1() { }
$(function () {
var obj1 = {};
var obj2 = { name: "张飞" };
alert($.isEmptyObject(obj1));  //返回true  obj1是空对象
alert($.isEmptyObject(obj2));  //返回false  obj2不是空对象
})
$(function () {
var obj1 = {};
var obj2 = { name: "张飞" };
var obj3 = new Object();
var obj4 = null;
alert($.isPlainObject(obj1));  //true  通过{}创建
alert($.isPlainObject(obj2));  //true  通过{}创建
alert($.isPlainObject(obj3));  //true  通过new Object()创建
alert($.isPlainObject(obj4));  //flase  不是通过{}或new Object()创建
})
$(function () {
alert($.contains($("#div1")[0],$("#p1")[0]));  //返回true,注意参数是DOM对象,并非jQuery对象
})

 十、$.param()

      序列化成url字符串

    $.param(obj,[bool]);  第二个参数为可选参数,表示是否浅层序列化


$(function () {
var man = { Name: "张飞", Age: 23 };
var str = $.param(man);
document.write(str);      //Name=%E5%BC%A0%E9%A3%9E&Age=23
var str1 = decodeURI(str);
document.write("<br>" + str1);  //Name=张飞&Age=23