국비지원 JAVA 풀스택 과정/Jquery

속성 선택자

ODaram 2022. 10. 27. 17:08
<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>속성 선택자</title>
  <script src="js/jquery-1.12.4.min.js"></script>
  <script>
    $(function(){
      $('ul li').css('list-style','none');
      $('input[type="text"]').val('Hello jQuery!');

      // 주의사항 : $("input[type="text"]") 은 오류를 발생시킨다. (두개 모두 더블쿼테이션을 사용 시 오류)

      // 메서드 오버로딩
      // 매개변수 값이 없는 경우 1. val() : 입력폼의 값을 얻어온다.
      // 매개변수 값이 있는 경우 2. val('문자열') : 입력폼에 매개변수로 지정한 문자열을 값으로 넣는다.
    });
  </script>
</head>
<body>
  <ul>
    <li><input type="text" name="id" id="id" required placeholder="이름"></li>
    <li><input type="password" placeholder="비밀번호"></li>
    <li><input type="radio"></li>
    <li><input type="checkbox"></li>
    <li><input type="file"></li>
  </ul>
</body>
</html>

'국비지원 JAVA 풀스택 과정 > Jquery' 카테고리의 다른 글

배열 관련 메서드  (0) 2022.10.27
위치 탐색 선택자  (0) 2022.10.27
형제 요소 선택자  (0) 2022.10.27
이전 요소 선택자, 다음 요소 선택자(+)  (0) 2022.10.26
선택자사용  (0) 2022.10.26