简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

JQuery의 기본 구문

无忌哥哥
풀어 주다： 2018-06-29 10:51:37
원래의
1877명이 탐색했습니다.

기본 구문: $(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>标签中的文本,将它的前景色设置为红色
$(&#39;h2 span&#39;).css(&#39;color&#39;,&#39;red&#39;)
//我们还可以修改一个元素的内容
$(&#39;p+p&#39;).html(&#39;终于找到你了,开工吧&#39;)
//补充知识: $()还可以创建一个新元素
$(&#39;<img src="../images/zly.jpg" width="150">&#39;)
//为什么看不到呢?因为你还没有把这个元素添加到当前页面中
//insertAfter(元素):插入到指定元素的后面
// $(&#39;<img src="../images/zly.jpg" width="150">&#39;).insertAfter(&#39;h2&#39;)
//我们还可以对新插入的元素进一步的处理:例如修剪成圆形
$(&#39;<img src="../images/zly.jpg" width="150">&#39;).insertAfter(&#39;h2&#39;).css(&#39;border-radius&#39;,&#39;50%&#39;)
</script>
</body>
</html>
로그인 후 복사

위 내용은 JQuery의 기본 구문의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
jquery语法，jquery基本语法
원천：php.cn
이전 기사：jQuery의 팩토리 함수 $()의 놀라운 사용 다음 기사：HBulider를 통한 Vue 웹앱 프로젝트 패키징 네이티브 앱 소개
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
웹 애플리케이션에 버전 정보를 표시하는 모범 사례는 무엇입니까? 웹 애플리케이션을 개발 중입니다. 웹 애플리케이션에 버전 정보를 표시하는 모범 사례는 무엇입니까? 저는 semantic versioning을 사용하고 있고 이미 ...
에서 2024-04-06 19:13:16
0
2
476
CASE를 사용하여 조건부로 가격*수량을 얻는 방법 sale_price가 있는 경우 sale_price*수량을 사용하여 총 가격을 표시합니다. sale_price가 없으면 Price_origin*수량을 사용하여 총...
에서 2024-04-03 20:45:07
0
1
390
PHP 쿼리 업데이트 데이터 내가 받는 오류는 다음과 같습니다. 업데이트된 질문 SETsituacao='Concluido'WHEREid=?SQLSTATE[42000]: 구문 오류 또는 액세스...
에서 2024-04-01 13:41:23
0
1
382
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！