jQuery 的功能

149 阅读2分钟

1.jQuery如何获取元素

jQuery定位元素的方法有两种,一种是通过jQuery 选择器来选择元素,可以直接获取单个或批量的元素;另一种是通过jQuery 遍历相关来选择元素,这种方法常用在获取层级较复杂的页面中的元素。

#Id - $('#myId') - ID选择器: 可以获取到ID为“myId”的元素,区分大小写

.class - $('.myClass') - 类选择器:可以获取到class为‘myClass’的所有元素

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

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

上面这行代码就是链式操作

展开:

$('div') //找到div元素

   .find('h3') //选择其中的h3元素

   .eq(2) //选择第3个h3元素

   .html('Hello'); //将它的内容改为Hello

3.jQuery如何创建元素

$(function(){
    var $h1=$(“<h1></h1>”);
    $(“body”).append($h1);
    })

类似于这种("<h1>");("<h1>");()符里面带<>号的都是创建元素,不带<>的都是选取现有的元素,如$("h1").

4.jQuery 如何移动元素

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

代码:

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

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

代码:

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

使用这种模式的操作方法,一共有四对:

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

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

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

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

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

1、attr方法

获取匹配的元素集合中的第一个元素的属性的值 或 设置匹配元素指定的属性
使用说明:
1)只传一个参数的情况:
1>字符串(属性名称)
只传一个字符串属性名称 表示获取匹配的元素集合中的第一个元素的属性的值
2>属性 - 值 集合对象
一次性设置多个属性
2)传两个参数的情况:
1>第一个参数:
字符串属性名称
2>第二个参数:
①属性的值
②函数(index, attr)
这个函数返回用来设置的值,this指向当前的元素
接收表示元素在匹配集合中的索引位置的参数和表示元素上原来的 该属性 值的参数
return的数据就是这个属性的值\

2、removeAttr方法

为匹配的元素集合中的每个元素中移除指定的属性
参数类型说明:
要移除的属性名,它可以是一个空格分隔的多个属性\

3、prop方法

prop也是用来获取和设置属性的值,但和attr也有一些使用场合的区别
1.添加属性名称该属性就会生效应该使用prop
2.prop()方法适用于Boolean值的属性
3.其他则使用attr
简单点说:我们建议以下属性使用prop方法
checked、readonly、selected、disabled、autofocus等\

4、removeProp方法

删除自定义属性
对于原生的属性checked、selected、disabled等建议设置为false而不是直接删除
使用较少,因为我们一般直接prop方法设置为false就可以了!