JQ初步学习

172 阅读1分钟

1.jQuery如何获取元素

使用jQuery的第一步,往往就是将一个选择表达式,放进构造函数jQuery()(简写为$),然后得到被选中的元素。

  • $(document) //选择整个文档对象

  • $('#myId') //选择ID为myId的网页元素

\

2.jQuery的链式操作是怎样的

它的原理在于每一步的jQuery操作,返回的都是一个jQuery对象,所以不同操作可以连在一起。

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

\

3.jQuery如何创建元素

创建新元素的方法非常简单,只要把新元素直接传入jQuery的构造函数就行了:

  • $('

    Hello

    ');

  • $('

  • new list item
  • ');

  • $('ul').append('

  • list item
  • ');

\

4.jQuery如何移动元素

第一种方法是使用.insertAfter(),把div元素移动p元素后面:

  • (div).insertAfter(('div').insertAfter(('p'));

\

第二种方法是使用.after(),把p元素加到div元素前面:

  • (p).after(('p').after(('div'));

\

第一种方法返回div元素,第二种方法返回p元素。你可以根据需要,选择到底使用哪一种方法。

\

5.jQuery如何修改元素的属性

  • attr()函数获取标签的某个属性$('#p').attr('class')

  • attr()修改或修改标签的属性值$('#p').attr('class','red')

  • 删除某个属性 $('#p').removeAttr('name')

  • 添加class名称$('#p').addClass('blue')

  • 删除class名称$('#p').removeClass('yellow')