一、jQuery 如何获取元素

jQuery的第一步,就是将选择表达式,放进构造函数jQuery()(简写为$)

  • $(document)//选择整个文档对象
  • $('#myId')//选择ID为myId的网页元素
  • $('.myClass')//选择class为myClass的div元素

二、jQuery 的链式操作是怎样的

选择网页元素后,可以对它进行操作,把一系列操作连在一起,以链条的形式写出。每次操作返回的是jQuery对象 $('div').find('h3').eq(2).html('hello'); 意思是:

  1. 找到div元素,
  2. 找到里面的h3元素
  3. 选择第三个h3元素
  4. 把里面的内容改为hello

三、jQuery 如何创建元素

把要创造的元素放入jQuery()中即可 例如: $('<p>Hello</p>');

四、jQuery 如何移动元素

提供了两种方法操作元素在网页中移动

  1. 直接移动该元素 $('div').insertAfter('p')//把div元素移到p元素后面,返回div
  2. 移动其他元素 $('p').after($('div'))//把p元素移到div的前面,返回p
  • 总结:最后效果是一样的, 但是返回的元素不一样。
  • 这种模式操作方法,一共四对:
`.insertAfter()和.after()`在现存元素的外部,从后面插入元素
`.insertBefore()和.before()`在现存元素的外部,从前面插入元素
`.appendTo()和.append()`在现存元素的内部,从后面插入元素
`.prependTo()和.prepend()`在现存元素的内部,从前面插入元素

五、jQuery 如何修改元素的属性

  1. 复制元素 .clone()
  2. 删除元素 .remove().detach(),前者不保留被删除元素,后者保留。
  3. 清空元素内容 .empty()

六、jQuery 如何给元素取值和赋值

用同一个函数,完成取值(getter)和赋值(setter)

  • $('.test').html();//html()没有参数,表示取出h1的值
  • $('.test').html('hello');//有参数hello,表示给class为test的元素赋值
参考阮一峰的博客