基本語法: $(選擇器).方法()
基本流程:
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>
以上是jquery的基本語法的詳細內容。更多資訊請關注PHP中文網其他相關文章!