jQuery基本知识

admin管理员组

文章数量:1794759

jQuery基本知识

1.jQuery 如何获取元素

jQuery 元素选择器和属性选择器允许通过标签名、属性名或内容对 HTML 元素进行选择并可以进行操作。

$(“a”) 选取 a 元素。

$(“a.info”) 选取所有 class=“info” 的 a 元素。

$(“a#demo”) 选取所有 id=“demo” 的 a 元素。

$("[href]") 选取所有带有 href 属性的元素。

$(‘input[name=first]’) // 选择name属性等于first的input元素

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

选中网页元素以后，可以对它进行一系列操作，并且所有操作可以连接在一起，以链条的形式写出来。链式调用是通过return this的形式来实现的。链式调用优点：节省代码量，代码看起来更优雅。

$(‘div’).find(‘h1’).eq(0).html(‘hi’);

分解为：

　　$(‘div’) //找到div元素

.find(‘h1’) //选择其中的h1元素

.eq(0) //选择第1个h1元素

.html(‘hi’); //将它的内容改为hi

3.jQuery 如何创建元素

常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来，通过$()函数处理。

$(’<p>Hello</p>’);

　　$(’<li class=“new”>new list item</li>’);

　　$(‘ul’).append(’<li>list item</li>’);

4.jQuery 如何移动元素

代码语言：javascript代码运行次数：0运行复制

使用.insertAfter()，把div元素移动p元素后面：

(‘div’).insertAfter((‘p’));

代码语言：javascript代码运行次数：0运行复制

使用.after()，把p元素加到div元素前面：

(‘p’).after((‘div’));

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

addClass()向匹配的元素添加指定的类名。

attr()设置或返回匹配元素的属性和值。

hasClass()检查匹配的元素是否拥有指定的类。

html()设置或返回匹配的元素集合中的 HTML 内容。

removeAttr()从所有匹配的元素中移除指定的属性。

removeClass()从所有匹配的元素中删除全部或者指定的类。

toggleClass()从匹配的元素中添加或删除一个类。

val()设置或返回匹配元素的值。

本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。 原始发表：2024-09-03，如有侵权请联系 cloudcommunity@tencent 删除前往查看jquery函数集合连接字符串

本文标签： jQuery基本知识