jquery首字母,jq字母设计

jquery或javascipte实现标签内文字按拼音首字母排序

jq:

var wrap = $('div');

var html = 

        wrap.find('a')

        .map(function(){//获取文字

          return $.trim($(this).text())

        })

        .toArray()//转换jq为数组

        .sort(function(a , b){

          return a.localeCompare(b)//按照顺序排序

        })

        .map(function(txt){//拼接html

          return 'a' + txt + '/a';

        })

        .join('');

wrap.html(html);//输出

js:

function toArray(nodes){

  return [].slice.call(nodes , 0);

}

var wrap = document.querySelector('div');

var links = wrap.querySelectorAll('a');

var html = 

    toArray(links)

    .map(function(el , i){//读取文字

       return (el.innerText || el.textContent).trim();

    })

    .sort(function(a , b){

       return a.localeCompare(b)//按照顺序排序

    })

    .map(function(txt){//组合html

       return 'a' + txt + '/a';

    })

    .join('');

wrap.innerHtml = html;//输出

相关问答

Q1: jQuery1.8和1.9有什么区别.最大区别在哪里

1.9和1.8的区别主要在于：

XSS保护

$()方法如果传入script标签可以创建HTML元素并运行脚本。开发者有时会忘了这点，将非安全处取得的资源传入jQuery中从而导致了cross-site-scripting（XSS）的攻击。在jQuery

1.9中，$()方法更严格地限制了传入规则，字符串只有当首字母是“”符号时才会被认为是HTML，否则会被当作是CSS选择器。

移除$.browser，$.sub

$.browser在jQuery 1.3中被废弃，并将在jQuery

1.9中被移除。开发者可以换用$.support或者直接读取navigator.userAgent。

$.sub在jQuery 1.7中被废弃，同样也将在jQuery

1.9中被移除。该函数新建jQuery的副本，对它属性或方法的修改不会影响原先的jQuery对象。但这个函数并未被证明是有用的，所以移到了1.9的兼容插件里。这样jQuery

1.9文件的尺寸会变得更小。

Q2: jQuery Q为什么是大写的

jQuery，顾名思议，也就是JavaScript和查询（Query），即是辅助JavaScript开发的库。作者规定用JavaScript的J和Query来命名这个新的库，所以就有了JQuery之称。

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。

jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。如今，jQuery已经成为最流行的javascript库，在世界前10000个访问最多的网站中，有超过55%在使用jQuery。

jQuery是免费、开源的，使用MIT许可协议。jQuery的语法设计可以使开发者更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外，jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。

参考链接：