jQuery一些功能

113 阅读1分钟

1. jQuery 获取元素

$(document) //选择整个文档对象
$('#myId') //选择ID为myId的网页元素
$('div.myClass') // 选择class为myClass的div元素
$('input[name=first]') // 选择name属性等于first的input元素

2. jQuery 的链式操作

$('div').find('h3').eq(2).html('Hello');

3.Query 创建元素

$('<p>Hello</p>');
$('<li class="new">new list item</li>');
$('ul').append('<li>list item</li>');

4. jQuery 移动元素

.insertAfter().after():在现存元素的外部,从后面插入元素

.insertBefore().before():在现存元素的外部,从前面插入元素

.appendTo().append():在现存元素的内部,从后面插入元素

.prependTo().prepend():在现存元素的内部,从前面插入元素

5. jQuery 修改元素的属性

$(selector).attr(attribute,value)
更多可参考www.ruanyifeng.com/blog/2011/0…

jQuery涉及的一些模式

  • 重载 $()支持种个参数,可以放数组、字符串、对象等
  • 闭包 使用函数以外的参数
  • 适配器 可以针对不同的浏览器使用不同的代码
  • 不用new的构造函数
  • $div.text()可读也可写

jQuery的基本设计思想和主要用法,就是 "选择某个网页元素,然后对其进行某种操作" 。这是它区别于其他Javascript库的根本特点