Oracle/Html_CSS_JAVAScript

jquery

unemo 2020. 12. 14. 13:31
반응형

www.w3schools.com/jquery/jquery_dom_get.asp

 

jQuery Get Content and Attributes

jQuery - Get Content and Attributes jQuery contains powerful methods for changing and manipulating HTML elements and attributes. jQuery DOM Manipulation One very important part of jQuery is the possibility to manipulate the DOM. jQuery comes with a bunch o

www.w3schools.com

 

get : 요소를 가지고옴

set: 요소 세팅

text() : 선택한 요소의 텍스트내용반환 (텝스트요소만가지고옴)
html() : 그 안의 태그까지 다 가지고옴 (괄효만여닫으면 get 뭔가쓰면 set)
val() : value속성의 값

value는 input에서 썼었음..

컨텐츠 반환시, 선택된 요소가 여러개라면 첫번째 요소의 내용만 반환

 

 

 


attr() : 속성 확인 및 변경 메소드

$(selector).attr(속성)

attr("id") : id리턴하는 겟메서드

attr("id","test") id값 set해줌

$(selector).attr({attribute : value , attribute:valse})

ex ) $("img").attr({"src" : "sam.jpg", "width" : "10px"}); 

여러개넣을떄 중괄호로 묶어서

$(selector).attr(속성, function(파라미터){어쩌구저저그})

$().removeAttr("id class"); << id랑 class 둘 다 지울게라는 뜻임

 


Attribute 는 속성, Property 는 재산, 소유물이라는 뜻
공통점은 선택요소의 속성 및 값을 설정 or 반환
get수행시 선택된요소의 첫번째 요소만
set은 모든요소에
둘은 무슨차이: attr 는 id, style, class name value를 세팅
property는 상태값에 대한 것
상태값이란,, 읽기전용.. readonly... enable/disable 사용가능/불가능
라디오박스같은건 checked 셀렉박스는 selected
multiple

prop은 true false로 리턴되고 attr는 text 리턴임

prop()

: property 속성 확인 및 변경 메서드

$().prop(property)

ex) $("#chk1").prop("checked");

세팅은 $("#chk1").prop("checked",true);

마찬가지로 $().prop({"checked" : trud, "disbaled" : true})

$().prop("width", funtion(){})

removeprop()도 잇음

attr("checked") checked undefined
prop("checked") true false
attr("checked",true)로도 쓸수있다는거..

상태값에 관련된건 prop을 쓰면 됨

여자가 체크되어잇었는데 콘솔로바꾼거임
checked="checked"안해도 이렇게 해두 먹힌다. readonly disabled도 마찬가지

$(:checkbox).not()

 

 

반응형

'Oracle > Html_CSS_JAVAScript' 카테고리의 다른 글

부트스트랩 - 클래스를 넣으면 스타일이 적용된다  (0) 2020.12.22
JSON , AJAX  (0) 2020.12.17
jquery  (0) 2020.12.11
jquery  (0) 2020.12.10
jQuery  (0) 2020.12.08