기본 구문: $(selector).Method()
기본 프로세스:
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
