html>
Finding HTML Elements by Class Name
class="intro"를 가진 모든 요소를 반환합니다.
jQuery
<!DOCTYPE html>
<html... ding HTML Elements by Class Name</h2>
<p class="intro">Hello Korea!!</p>
<p class="intro">Hello Bali!!</p>
<p class="intro">Bonjour France!!</p>
<p id="demo"></p>
<script>
$(document)
/h1>
<p>My name is Donald.</p>
<p class="intro">I live in Duckburg.</p>
<p>I love Duckburg</... ment).ready(function () {
$("p").filter(".intro, #outro").css("background-color", "red");
}... nts>
<p>My name is Donald.</p>
<p class="intro" style="background-color: red;">I live in Duckbur... is Mickey</p>
(3) jQuery 오브젝트를 사용하여,
요소 내부의 'intro' 클래스를 가진 모든 <p>태그를 반환
<body>
<div style="b
e of this article
jQuery class Selector
Example
“intro” 클래스를 가진 모든 요소를 선택합니다.
<body>
<h1>Welcome to My Homepage</h1>
<p class="intro">My name is Donald</p> <!-- underlined -->
<p>I live in Duckburg</p>
<div class="intro">My name is Dolly</div> <!-- underlined -->
<p>... pt>
$(document).ready(function () {
$('.intro').css('text-decoration', 'underline');
})
<
요소를 찾는 가장 쉬운 방법은 요소 id를 사용하는 것입니다.
하기 예제에서는 id=“intro”로 요소를 찾고 있습니다.
예제
Finding HTML Elements by I...
var myElement = document.getElementById("intro");
document.getElementById("demo").innerHTML = "The text from the intro paragraph is " + myElement.innerHTML;
요소가 발견될 경우... , getElementsByClassName()를 사용합니다.
하기 예제는 class=“intro”를 가진 모든 요소들의 목록을 반환합니다.
예제
Finding HTML Ele
y>
<h1>Welcome to My Homepage</h1>
<p class="intro">My name is Donald.</p> <!-- 배경색 변경 -->
<p>I li...
element , 필수입니다. 선택할 요소를 지정합니다.
Example
intro 클래스를 가진 모든 p 요소들을 선택합니다.
intro 클래스를 가진 모든 p 요소들을선택하는 방법.
<body>
<h1>Welcome to My Homepage</h1>
<p class="intro">My name is Donald.</p> <!-- 텍스트 컬러 변경 -->
<p>I
jQuery Intro
description : jQuery Introduction
author : 오션
email : shlim@repia.com
lastupdate : 2021-04-15
jQuery Introduction
jQuery의 목적은 웹 사이트에서 JavaScript를 훨씬 더 쉽게 사용... , 이 지식을 jQuery 라이브러리에 기록했습니다.
jQuery는 모든 주요 브라우저에서 정확히 동일하게 실행됩니다.
오션 , jQuery , Intro , Introduction
ame”을 가진 요소를 선택합니다.
.class , .intro , class=“intro”를 가진 모든 요소들을 선택합니다.
element.class , p.intro , class=“intro”를 가진 <p>요소들만을 선택합니다.
* , * , 모든 요소들을 선택합니다.
CSS Grid Intro
description : CSS (Cascading Style Sheets) Responsive Web Design- Images
author :... 21-07-02 Fri
The source of this article
CSS Grid Intro
CSS Grid Layout Module
Grid Layout
CSS Grid Lay... 다.
ref : The source of this png file is CSS Grid Intro
Grid Rows
그리드 아이템의 수평선(공간) 로우(rows)라고 합니다.
ref : The source of this png file is CSS Grid Intro
Grid Gaps
각각의 컬럼/로우 사이의 공간을 갭(gaps)이라고 합니다.
아래의
IFE - 즉시 실행 함수 표현
JS Classes
JS Classes - Class Intro
JS Classes - Class Inheritance
JS Classes - Cla... us
JS Promises
JS Async/Await
JS HTML DOM
DOM Intro
DOM Methods
DOM Document
querySelector()
quer... de List
JS Browser BOM
JS Timing
JS AJAX
AJAX Intro
AJAX XMLHttp
JS JSON
JSON Intro
JSON Syntax
JSON vs XML
JSON Data Types
JSON Parse
JSON Stringfy
of this article
jQuery #id Selector
Example
id “intro”가 있는 요소를 선택합니다.
<body>
<h1>Welcometo My Homepage</h1>
<p id="intro">My name is Donald.</p>
<p>I live in Duckburg</... pt>
$(document).ready(function () {
$('#intro').css('color', 'blue');
});
/* id "intro"가 있는 My name is Donald의 텍스트 컬러를 변경합니다. */
</script>
<
HTML Introduction
description : HTML (HyperText Markup Language) Introduction
author : 오션
email : shlim@rep... update : 2021-03-23
Source of the article
HTML Introduction
HTML이란?
HTML은 Hyper Text Markup Language... HTML요소들은 <br>요소처럼 내용이 없다. 이러한 요소들은 비어있는 요소들 (empty elements)라고 불리고, 종료태그가 없다.
오션 , HTML , introduction
요소는 선택 항목에서 제거되고 일치하는 요소가 반환됩니다.
다음 예제는 클래스 이름이 “intro”인 모든 <p> 요소를 반환합니다.
예제
$(document).ready(function () {
$("p").filter(".intro").css("background-color", "yellow");
});
jQu...
Tip: not() 메서드는 filter()와 반대입니다.
다음 예제는 클래스 이름 “intro”를 가지지 않은 모든 <p> 요소들을 반환합니다.
예제
$(document).ready(function () {
$("p").not(".intro").css("background-color", "yellow");
});
jQu
