利用jQuery对无序列表排序的原理是:获取到无序列表中的所有列表项,并转成数组形式,使用JavaScript函数对其进行排序后再次输出。其中使用到的jQuery函数有ready()、get()、text()、each()、append()和JavaScript函数sort()。
1.jQuery函数介绍
(1)jQuery函数get()--获取匹配元素集合
该函数取得所有匹配元素的一种向后兼容的方式(不同于jQuery对象,实际上是元素数组)。其语法形式如下:
object.get()
注:如果你想要直接操作DOM对象而不是jQuery对象,这个函数非常有用。
(2)jQuery函数text()--获取和设置元素内容
该函数获取和设置匹配元素的文本内容。其语法形式如下:
object.text([val|fn])
注:val和fn参数可选。val是设置元素的文本内容值;fn(index,text)函数返回一个字符串,接受两个参数,index为元素在集合中的索引位置,text为原先的text值。
(3)jQuery函数append()--向元素追加内容
该函数向每个匹配的元素内部追加内容。其语法形式如下:
object.append(content|fn)
注:这个操作与对指定的元素执行appendChild方法并将它们添加到文档中的情况类似。content参数表示追加的内容;fn(index,html)返回一个HTML字符串,用于追加到每一个匹配元素内部,接受两个参数,index参数为对象在这个集合中的索引值,html参数为这个对象原先的html值。
2&#x