jQuery中的join方法

Posted 2020-07-25

和JS 中的JOIN 方法一样，将一数组按照JOIN的参数连接起来。
比如： 

var arr = [ "a", "b", "c", "d", "e" ];

document.write(arr.join("-")); 

结果:a-b-c-d-e。

 

 

var members=["John","Steve","Ben","Damon","Ian"];
$(‘p.allmem‘).html(members.join("<br/>"));

这事jquery中的代码，作用是将数组以<br>分隔显示在段落p中。

结果为：

John
Steve
Ben
Damon
Ian

 

grep(array,callback,boolean)

grep()方法的参数如下：

array是原始数组，grep()方法对原始数组进行筛选。callback是回调函数，执行筛选任务，返回过滤完的数组的值。boolean通常省略，默认为false，如果为true则返回与回调函数中提供的条件语句不匹配的值。

 

jquery中的sort()方法可以对数组进行排序。sort方法按字母顺序为字符串数组排序。它不能用于数值排序，它是基于ASCII码值排序的。

 

append方法，向匹配的元素内部追加内容。

HTML 代码:

<p>I would like to say: </p>

jQuery 代码:

$("p").append("<b>Hello</b>");

结果:

[ <p>I would like to say: <b>Hello</b></p> ]



bind方法为每个匹配元素的特定事件绑定事件处理函数。

描述:

当每个段落被点击的时候，弹出其文本。

jQuery 代码:

$("p").bind("click", function(){
  alert( $(this).text() );
});

描述:

同时绑定多个事件类型

jQuery 代码:

$(‘#foo‘).bind(‘mouseenter mouseleave‘, function() {
  $(this).toggleClass(‘entered‘);
});

 

尝试自己不看代码，写出代码来。尝试回忆。。。。。。这样才能做到编程的得心应手。。。。。。