jQuery中的join方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery中的join方法相关的知识,希望对你有一定的参考价值。

和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‘);
});
 
 
尝试自己不看代码,写出代码来。尝试回忆。。。。。。这样才能做到编程的得心应手。。。。。。
 

 

以上是关于jQuery中的join方法的主要内容,如果未能解决你的问题,请参考以下文章

几个有用的JavaScript/jQuery代码片段(转)

几个可以直接拿来用的jQuery代码片段

几个可以直接拿来用的jQuery代码片段

jquery中的$的特殊用法

10个JavaScript代码片段,使你更加容易前端开发。

10个JavaScript代码片段,使你更加容易前端开发。