jQueryAPI基本使用

jQuery是目前使用最广泛的javascript函数库。

jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。

jQuery是如何获取元素的

//常用选择器，返回值是jQuery对象

$('*') //选择所有元素

$('#app') //选择id为app的元素

$('.red') //选择class为red元素

$('div.red') //选择class为red的div元素

$('div[class=red]') // 选择class属性等于red的div元素

$('table tr:odd') //选择表格的奇数行

$('table tr:even') //选择表格的偶数行

jQuery 的链式操作是怎样的

//选中元素后可进行一系列的操作
$('div[class=red]').addClass('a').removeClass('a')
//先添加class再删除class，核心是每次都返回同一个jQuery对象

jQuery 如何创建元素

$("<div><a>aaa</a></div>") //创建一个div元素

jQuery 如何移动元素

$('#app').appen($('#test')) //在选择元素的末尾插入test，会修改xxx的位置

$('#test').appendTo($('#app')) //将选择元素插入到app的末尾

$('#aa').prepend($('test1')) //在选择元素的开头插入test1

jQuery 如何修改元素的属性

$('#app').attr('name','attrTest') //修改app的name属性，如果没有则增加

$('<a>d</a>').prop('href','/test/')
//prop()是 jQuery 1.6 开始新增了一个方法，官方建议具有 true 和 false //两个属性的属性，如 checked, selected 或者 disabled 使用prop()，其他的使用 attr()。

学习参考地址

• 阮一峰写的 jQuery设计思想
• jQuery API中文文档