문서 | 날짜 | 사용자 | 설명 |
|
2021/07/06 12:38 |
오션 |
CSS [attribute*=value] Selector
* description : CSS [attribute*=value] Selector
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-07-06 Tue
The source of this article
CSS [attribute*=value] Selector
Example
“test”를 포함하는 클래스 속성 값이 있는 모든 |
|
2021/03/04 14:29 |
오션 |
CSS Combinators
* description : CSS Combinators
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-03-04
Source of the article
* “Do it! HTML5 + CSS3 웹표준의 정석” / 이지스 퍼블리싱 / 고경희 지음 / 개정1판 9쇄 발행 2019년 6월 3일 / |
|
2021/06/02 13:03 |
오션 |
jQuery #id Selector
* description : jQuery #id Selector
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-06-02
The source 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</p>
<script>
$(document).ready(function () {
$('#intro').css('color', 'blue');
});
/* id "intro"가 있는 My name is Donald의 텍스트 컬러를 변경합니다. */
… |
|
2021/06/02 11:47 |
오션 |
jQuery * Selector
* description : jQuery * Selector
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-06-02
The source of this article
jQuery * Selector
Example
문서(document) 내부의 모든 요소들을 선택합니다. |
|
2022/10/24 13:30 |
오션 |
jQuery :even Selector
* description : :even Selector
* author : 오션
* email : shlim@repia.com
* lastupdate : 2022-10-24 Mon
The source of this article
jQuery :even Selector
Definition and Usage
:even 셀렉터는 짝수 인덱스 번호(예: 0, 2, 4 등)가 있는 각 요소를 선택합니다. |
|
2021/06/02 16:19 |
오션 |
jQuery :even Selector
* description : jQuery :even Selector
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-06-02
The source of this article
jQuery :even Selector
Example
인덱스 넘버가 짝수인 모든 <tr> 요소를 선택합니다. |
|
2021/06/02 15:34 |
오션 |
jQuery :first Selector
* description : jQuery :first Selector
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-06-02
The source of this article
jQuery :first Selector
Example
첫 번째 <p> 요소를 선택합니다.
<body>
<p>This is the first paragraph.</p> <!-- 이 p 요소만 변경됨. -->
<p>This is the second paragraph.</p>
<p>This is the third paragraph.</p>
<script>
$(document).ready(function () {
$("p:first").css("background-color", "yellow");
});
</scr… |
|
2021/06/02 17:39 |
오션 |
jQuery :first-child Selector
* description : jQuery :first-child Selector
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-06-02
The source of this article
jQuery :first-child Selector
Example
부모 요소의 첫 번째 자식인 모든 |
|
2021/06/02 15:54 |
오션 |
jQuery :last Selector
* description : jQuery :last Selector
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-06-02
The source of this article
jQuery :last Selector
Example
마직막 <p> 요소를 선택합니다.
<body>
<p>This is the first paragraph.</p>
<p>This is the second paragraph.</p>
<p>This is the last paragraph.</p> <!-- 텍스트 컬러 변경됨 -->
<script>
$(document).ready(function () {
$("p:last").css("color", "crimson");
});
</script>
</body>… |
|
2021/06/02 16:28 |
오션 |
jQuery :odd Selector
* description : jQuery :odd Selector
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-06-02
The source of this article
jQuery :odd Selector
Example
인덱스 넘버가 홀수인 모든 <tr> 요소를 선택합니다. |
|
2021/06/02 13:43 |
오션 |
jQuery class Selector
* description : jQuery class Selector
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-06-02
The source of this article
jQuery class Selector
Example
“intro” 클래스를 가진 모든 요소를 선택합니다. |
|
2021/06/02 14:16 |
오션 |
jQuery element Selector
* description : jQuery element Selector
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-06-02
The source of this article
jQuery element Selector
Example
모든 p 요소를 선택합니다.
<body>
<h1>Welcome to My Homepage</h1>
<p class="intro">My name is Donald.</p> <!-- 배경색 변경 -->
<p>I live in Duckburg</p> <!-- 배경색 변경 -->
<p>My best friend is Mickey</p> <!-- 배경색 변경 -->
who is your favourite:
<ul id="choose">
<li>Goofy</li>
<… |
|
2021/06/02 13:56 |
오션 |
jQuery multiple classes Selector
* description : jQuery multiple classes Selector
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-06-02
The source of this article
jQuery multiple classes Selector
Example
클래스 intro, demo 또는 end를 가지는 모든 요소를 선택합니다. |
|
2021/06/02 15:00 |
오션 |
jQuery multiple element Selector
* description : jQuery multiple element Selector
* author : 오션
* email : shlim@repia.com
* lastupdate : 2021-06-02
The source of this article
jQuery multiple element Selector
Example
모든 <h2>, <div>, <span> 요소들을 선택합니다. |
|
2022/12/12 16:52 |
주레피 |
JQuery Selector(셀럭터) 예제 자료
* description : jquery selector 예제 자료 모음
* author : 주레피
* email : dhan@repia.com
* lastupdate : 2022-12-12
Intro
Case Study
다중 속성 선택
$('form input[type="radio"][value="5"]').prop('checked', true);
$('form input[type="radio"][value="5"]').each(function(index, item){
var random = Math.floor(Math.random()*5+1);
// console.log(random);
$(this).parent().find('input[type="radio"][value="' + random + '"]').prop('checked', true);
});… |
|
2020/03/24 18:46 |
도봉산핵주먹 |
selector_feat.jsoup
* description :
* author : 도봉산핵주먹
* email : hylee@repia.com
* lastupdate : 2020-03-24
" selector란"
* Jquery나 Jsoup에서 같은 selector를 사용한다.
* 문서 구조에서 원하는 |