<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script src="jquery-2.0.3.js"></script>

<script>

----------------------------------------------------------------------

var str = '  hello  ';

alert( '('+$.trim(str)+')' );//前后空格，不包括里面空格，

alert( '('+str.trim()+')' );

----------------------------------------------------------------------

window.onload = function(){

    var aDiv = document.getElementsByTagName('div');

    console.log( $.makeArray( aDiv ) );//[div,div,div]

    var s = 123;

    console.log( $.makeArray( s ) );//[123]

    console.log( $.makeArray( s , {length:3} ) );//Object {3: 123, length: 4}

    var str = 'hello';

    console.log( $.makeArray( str ) );//['hello']

    console.log( $.makeArray( str , {length:3} ) );//Object {3: "hello", length: 4}

    var str = {1:1,2:2};

    console.log( $.makeArray( str ) );//[{1:1,2:2}]

    console.log( $.makeArray( str , {length:3} ) );//{3:{1:1,2:2},length: 4}

};

---------------------------------------------------------------------------

var arr = ['a','b','c','d'];

alert( $.inArray( 'w' , arr ) );  indexOf

---------------------------------------------------------------------------

console.log($.merge(['a','b'],['c','d']));//["a", "b", "c", "d"]

console.log($.merge(['a','b'],{0:'c',1:'d'}));//["a", "b", "c", "d"]

console.log( $.merge({0:'a',1:'b',length:2},{0:'c',1:'d'}) );//{0: "a", 1: "b", 2: "c", 3: "d", length: 4}

console.log( $.merge({0:'a',1:'b',length:2},['c','d']) );// {0: "a", 1: "b", 2: "c", 3: "d", length: 4}

</script>

</head>

<body>

<div></div>

<div></div>

<div></div>

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script src="jquery-2.0.3.js"></script>

<script>

------------------------------------------------------------------------

var arr = [1,2,3,4];

arr = $.grep( arr , function( n , i ){//n是每一项，i是下标

    return n>2;

} , true );

console.log( arr );//[1,2]

var arr = [1,2,3,4];

arr = $.grep( arr , function( n , i ){//n是每一项，i是下标

    return n>2;

});

console.log( arr );//[3,4]

------------------------------------------------------------------------

var arr = [1,2,3,4];

arr = $.map( arr , function(n){

    return [n+1];

} );

console.log( arr );//[2,3,4,5]

------------------------------------------------------------------------

</script>

</head>

<body>

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script src="jquery-2.0.3.js"></script>

<script>

$(function(){

    function show(){

        alert(this);

    }

    $('input:eq(0)').click(  show  );

    $('input:eq(1)').click(function(){

        $('input:eq(0)').off();//取消第一个的绑定

    });

});

$(function(){

    function show(){

        alert(this);

    }

    $('input:eq(0)').click(  $.proxy(show,window)  );//改变show的this是window，

    $('input:eq(1)').click(function(){

        $('input:eq(0)').off();//取消第一个的绑定

    });

});

--------------------------------------------------------------------------

function show(n1,n2){

    alert(n1);

    alert(n2);

    alert(this);

}

show();//window

$.proxy(show,document)(3,4);//改变show的this是document,执行，$.proxy()返回值是一个函数名函数地址，加小括号返回的函数才执行，

$.proxy(show,document,3)(4);//改变show的this是document,执行，

$.proxy(show,document,3);//不执行,返回函数地址，

var obj = {

    show : function(){

        alert(this);

    }

};

$(document).click( obj.show );//this是document

$(document).click( $.proxy(show,obj) );//this是obj

$(document).click( $.proxy(obj,'show') );//让obj下面的show指向obj

//$.proxy(obj,'show') ->  $.proxy(obj.show,obj)

</script>

</head>

<body>

<input type="button" value="点击">

<input type="button" value="取消绑定">

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script src="jquery-2.0.3.js"></script>

<script>

$().css();  $().attr();  set/get

$(function(){

    alert( $('#div1').css('width') );

    $('#div1').css('background','yellow');

    $('#div1').css('background','yellow');

    $('#div1').css('width','300px');

    $('#div1').css({ background : 'yellow' , width : '300px' });

    alert( $.now() );//1970年的时间

    (new Date()).getTime()

});

</script>

</head>

<body>

<div id="div1" style="width:100px; height:100px; background:red">aaaa</div>

</body>

</html>
<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>无标题文档</title>

<script src="jquery-2.0.3.js"></script>

<script>

$(function(){

alert( $('#div1').width() );//display:none还是获取到了，利用的是swap方法

alert( $('#div1').get(0).offsetWidth );//原生的宽度方法，display:none就获取不到了

    function show(){

        arguments.length

    }

    show(1,2,3,4);

});

</script>

</head>

<body>

<div id="div1" style="width:100px; height:100px; background:red;display:block; visibility:hidden; position:absolute;">aaaa</div>

</body>

</html>

jquery08的更多相关文章

  1. jQuery08源码 (5140 , 6057) DOM操作 : 添加 删除 获取 包装 DOM筛选

    jQuery.fn.extend({ //$('ul').find('li').css('background','red'); //$('ul').find( $('li') ).css('back ...

  2. day56 Pyhton 前端Jquery08

    前端 内容回顾: -BOM -jquery介绍 -jquery下载和引入方式 npm install jquery -jquery的选择器 -基本选择器 -通配符选择器 - id选择器 - 类选择器 ...

随机推荐

  1. deque 归纳

    deque是STL里面的常见容器,它的本质是一个队列,但是与队列不同是的是,它可以两边进出. 下面是STL的一些常见操作. que.assign(beg,end) 将[beg; end)区间中的数据赋 ...

  2. Hadoop框架基础（二）

    ** Hadoop框架基础(二) 上一节我们讨论了如何对hadoop进行基础配置已经运行一个简单的实例,接下来我们尝试使用eclipse开发. ** maven安装 简单介绍:maven是一个项目管理 ...

  3. C语言基础-第五章

    流程控制 1.顺序结构 顺序结构是指程序将按照书写的顺序一步步执行程序. 2.选择结构 2.1但分支结构语句 if(表达式){语句} 2.2双分支结构 if(表达式){}else if{} else{ ...

  4. form表单加密前台js后台java

    1.前台javascript 1.在提交的js中这样写 <!-- 加密解密 --> document.form1.username.value=encode64(document.form ...

  5. [Bug]Python3.x SyntaxError: 'ascii' codec can't decode byte 0xe4 in position

    安装arch后就没再用python了 昨天管服务器的大佬在跑贝叶斯分类器的时候发现正确率有问题 我赶紧去做优化,然后就有这样的报错 Python 3.6.4 (default, Jan 5 2018, ...

  6. Unity C# 设计模式（四）抽象工厂模式

    定义: 提供一个创建一系列相关或相互依赖对象的接口,而无需指定它们具体的类. 工厂方法模式针对的是一个产品等级结构:而抽象工厂模式针对的是多个产品等级结构. 抽象工厂模式使用同一个 工厂等级结构负责这 ...

  7. 三种记录 MySQL 所执行过的 SQL 语句的方法

    程式 Debug 有時後從前面第一行追起來很辛苦(程式碼太多或 compile 過), 另一種做法就是從後面追起來, 反正最後寫入的是 DB, 那就從 DB 開始往前推, 所以就是要抓程式是執行哪些 ...

  8. easyui combobox 获取焦点

    easyui combobox 获取焦点 学习了:http://blog.csdn.net/foart/article/details/14446809 可以直接用: $('#spanZhudaoci ...

  9. Linux Sendfile 的优势

    Sendfile 函数在两个文件描写叙述符之间直接传递数据(全然在内核中操作,传送),从而避免了内核缓冲区数据和用户缓冲区数据之间的拷贝,操作效率非常高,被称之为零拷贝. Sendfile 函数的定义 ...

  10. vue28-2.0-过滤器

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...