基本语法: $(选择器).方法()
基本流程:
1-使用选择器找到DOM元素并打包生成jQuery对象
2-调用jQuery方法对找到的元素进行操作
总结: 找到元素,然后操作
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>4.jquery的基本语法</title> </head> <body> <script type="text/javascript" src="../js/jquery-3.3.1.js"></script> <script type="text/javascript"> // 选择到<span>标签中的文本,将它的前景色设置为红色 $('h2 span').css('color','red') //我们还可以修改一个元素的内容 $('p+p').html('终于找到你了,开工吧') //补充知识: $()还可以创建一个新元素 $('<img src="../images/zly.jpg" width="150">') //为什么看不到呢?因为你还没有把这个元素添加到当前页面中 //insertAfter(元素):插入到指定元素的后面 // $('<img src="../images/zly.jpg" width="150">').insertAfter('h2') //我们还可以对新插入的元素进一步的处理:例如修剪成圆形 $('<img src="../images/zly.jpg" width="150">').insertAfter('h2').css('border-radius','50%') </script> </body> </html>
Atas ialah kandungan terperinci jquery的基本语法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
c kaedah permulaan tatasusunan
Bolehkah percikan api Douyin dinyalakan semula jika ia telah dimatikan selama lebih daripada tiga hari?
Cara menggunakan fungsi datediff
Bagaimana untuk mengkonfigurasi pembolehubah persekitaran jdk
Perkataan hilang selepas menaip
Apakah itu Bitcoin? Adakah ia satu penipuan?
Bagaimana untuk meningkatkan kelajuan muat turun
Bagaimana untuk menyambung vb untuk mengakses pangkalan data
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
