찾다

 >  Q&A  >  본문

jq 선택기 문제

아래 예시입니다. 234가 js에 적용되지 않는 이유는


<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

< title> 1-기본 선택기</title>

<style type="text/css">

table, td {

border:1px solid #333;

}

table {

border- 축소: 축소;

여백: 30px 자동;

너비: 80%;

text-align: center;

}

테이블 캡션 {

글꼴 크기: 1.5em;

margin-bottom: 15px ;

}

.bg-orange {

글꼴-가중치: 굵게;

색상: 흰색;

배경색: 주황색;

}

</style>

</head>

td>

d>02</td> ;


</tr>

<tr>

<td>01</td>

<td >02< ;/td>


</tr>

<tr>

<td>01</td>


<td>02</td>

<td> ;03

01

02

03

</tr>


< ;/table>

</body>

</html>

<!--

1. CSS와 동일하므로 CSS에 익숙한 개발자가 더 쉽게 마스터할 수 있습니다.

2. 대부분의 CSS 선택기는 jquery

3에서 직접 사용할 수 있습니다. 또는 항목 선택기, 단순 선택기, 이 기능은 jquery에 후속 필터가 작동할 수 있도록


첫 번째 수준 요소를 제공합니다. 태그, ID, 클래스, *

-->

의 네 가지 주요 범주가 있습니다. <script type="text/javascript" src="jquery-3.3.1.js"></script>

<script type="text/javascript">

//1. selector


$('td') .css('BackgroundColor','wheat')


//2.id selector

//td에서 배경을 제거하세요. 그렇지 않으면 오버레이되어 가려집니다

$('#title').css( 'BackgroundColor','lightgreen')


//3.class 클래스 선택기

$('.mark').addClass('bg-orange')

//4.*pass 선택기 포함

$('tr:nth-child(3) ~ *').css('BackgroundColor', 'pink')


</script>


在路上在路上2421일 전1129

모든 응답(1)나는 대답할 것이다

  • 时光@记忆

    时光@记忆2018-04-11 10:40:18

    1. js에서는 1의 태그 선택기가 더 높은 우선순위를 갖습니다. 2. 2의 마크 클래스는 DOM 구조에 추가되지 않습니다.

    회신하다
    0
  • 취소회신하다