jQuery API 学习反思_jquery的学习反思-优快云博客

本文链接：https://blog.youkuaiyun.com/hzzzzz125/article/details/119877098

本文详细介绍了jQuery的核心用法，包括使用CSS选择器选取元素，如`$(document)`、`$('#myID')`等；利用jQuery特有的表达式操作奇数行、动画元素等；展示链式操作，如`$('div').find('h3').eq(2).html('Hello')`，以及如何通过`end()`方法回溯结果集；讲解了创建新元素、移动元素的各种方法，如`insertAfter()`、`before()`等；最后，阐述了如何使用`attr()`修改元素属性。这些内容旨在帮助开发者高效地使用jQuery进行网页元素操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.jQuery如何获取元素

jQuery的基本设计思想和主要用法，就是"选择网页的某些元素，并对其元素进行操作"

css选择器

$(document)//选择整个文档对象
$('#myID')//选择id为myID的网页元素
$('div.myClass')//选择class为myClass的div元素
$('input[name=first]')//选择name属性等于first的input元素

jQuery特有的表达式、

$('a:first')
$('tr:odd')//选择tr里的奇数行
$('#myForm： input')
$('div:visible')//选择可见的div
$('div:animated')//选择当前处于动画状态的div元素

2.jQuery的链式操作时怎么样的

选择网页元素并对其一系列操作，并且所有操作可以连接在一起，以链条的形式写出

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

此外，jQuery还提供了end（）方法，可以使结果集后退一步

3.jQuery如何创建元素

直接把新元素直接传入jQuery的构造函数就行了；

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

4.jQuery如何移动元素

一共有四对

.insertAfter()和.after()
.insertBefor()和..before()
.appendTo()和.append()
.prependTo和。prepend()

第一种方法式使用insertAfter(),把div元素放在p元素后面

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

第二中是将p元素放在div前面

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

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

$('div').attr(class)//修改div元素，属性为class的值