jQuery 功能实现

286 阅读1分钟

1.jQuery 如何获取元素

jQuery的设计模式是选择某个网页元素,然后对其进行某种操作,而不是直接返回某个元素

//$()是jQuery()的间写
$("*") //选择所有的元素
$(".class")//选择该类名的所有的元素
$("element")//选择对应元素
$("#id")//选择对应ID的元素
$("selector1, selector2, selectorN")//选择对应的每个元素,再一起合并

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

链式操作是选中元素,进行一连串的操作,并且是可以直接连接写出来

  $('div').find('h2').eq(0).html('Good');

找到div元素,选择其中的h2元素,选择第1个h2元素,将它的内容改为Good。

3.jQuery 如何创建元素

创建元素就像直接写html一样,直接把标签和内容写进去。

$('<p>juejin.cn</p>');

$('<div class="new">newDiv</div>');

$('ul').append('<li>list item</li>');`

4.jQuery 如何移动元素

方法1 .insertAfter()

  $('div.div2').insertAfter($('div.div1'));//把div2元素直接移动到div1元素中,返回类名为div2的元素

方法2 .after()

  $('div.div1').after($('div.div2'));//与上面的结果一样,返回类名为div1的元素

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

.attr()

.attr( attributeName )//匹配的元素集合中的第一个元素的属性的值,只取第一个值

.attr( attributeName, value )//设置每一个匹配元素的属性