Jquery 양식 값의 일부 기본 작업 할당_jquery

자격 있는 하위 노드가 있는 선택기: $("mix1[mix2]"): mix2가 포함된 mix1 노드를 반환합니다. 예: $("div[a]"): a 태그가 포함된 div
이것은 동일합니다. $(" div a")는 동일하지 않습니다. 후자는 div의 a 태그를 나타내고 a 태그 객체를 반환합니다. 전자는 div 태그 객체를 반환합니다.
콜론 한정 노드 선택기: $("mix: 조건"):태그를 혼합하고, 조건을 충족합니다.
E:root: 유형이 E이고 문서의 루트 요소입니다.
E:nth-child(n): n번째입니다. 상위 요소의 E 유형의 하위 요소, 기본은 1부터 시작합니다.
E:first-child: 상위 요소의 E 유형의 첫 번째 하위 요소입니다.
E:last-child: 마지막 하위 요소입니다. 상위 요소의 E 유형
E:only-child: 상위 요소의 E 유형의 유일한 하위 요소입니다
E:empty: 하위 요소(텍스트 노드 포함)가 없는 E 유형의 요소 )
E:활성화
E:비활성화: 허용 또는 금지된 E 유형의 사용자 인터페이스 요소
E:checked: 선택된 상태의 E 유형의 사용자 인터페이스 요소(예: 라디오 버튼 또는 확인란)
E:visible: 보이는 요소 모두 선택(표시 값은 block 또는 visible, 가시성 값은 숨기기 필드 제외) 보이는 요소)
E:hidden: 모든 숨겨진 요소 선택(비 숨기기 필드 및 표시 값은 block 또는 visible) , 가시성 값이 표시되는 요소)
E:not(s): 유형은 E, 선택기와 일치하지 않음
E:eq(n),E:gt(n ),E:lt(n) :요소 자격
E:first: E:eq(0)과 동일
E:last: 마지막으로 일치하는 요소
E:even: 짝수 요소 가져오기 일치된 요소 집합에서
E:odd: 일치된 요소 집합에서 홀수 요소 가져오기
E:parent: 하위 요소(텍스트 노드 포함)를 포함하는 모든 요소 선택
E:contains('test '): 텍스트를 지정하는 요소를 포함하는 모든 요소 선택
양식 선택기:
E:input: 양식 요소 선택(입력, 선택, 텍스트 영역, 버튼)
E:text: 모든 텍스트 영역 선택(유형= "text")
E:password: 모든 비밀번호 필드 선택(type="password")
E:radio: 모든 라디오 버튼 선택(type="radio")
E:checkbox: 모든 확인란 선택 (type= "checkbox")
E:submit: 모든 제출 버튼 선택(type="submit")
E:image: 모든 이미지 필드 선택(type="image")
E:reset: 도메인 모두 선택 지우기(type="reset")
E:버튼: 모든 버튼 선택(type="button")
물론 E:hidden도 포함

8.xPath 경로 쿼리:

먼저 xPath 구문을 소개합니다.
/: 루트 노드 선택
//: 노드가 어디에 위치하든 관계없이 문서의 조건을 충족하는 모든 노드를 선택합니다
.: 현재 노드 선택
.. :이전 단일 노드의 상위 노드 선택
@:속성 선택, 이전에 언급한 내용입니다(속성 선택기)
nodename:노드 아래의 모든 노드 선택
jQuery의 응용 프로그램:
루트 노드는 거의 사용되지 않으며 일반적으로 사용되는 예는 다음과 같습니다.
$("div/p")는 $("div>p")와 동일합니다.
$("div/ /p")는 $("div p")
$("//div/../p")와 동일합니다. 모든 div 노드의 상위 노드
에 있는 p 태그에도 상대 경로 쓰기가 있습니다. 그리고 지원되는 Axis 선택자는 아직 적용 방법을 모르기 때문에 소개하지 않겠습니다.

$의 다른 용도는 이미 많습니다:

$ (html 노드): jQuery 객체로 래핑된 DOM 요소를 제공하는 원본 HTML 태그 문자열을 기반으로 동적으로 생성됩니다. 예:
$("Hello").appendTo("#body");//Hello를 본문에 추가합니다. 요소
$(document): 웹 페이지 문서 객체
$(document.body): $("body")
$(function)과 동일한 웹 페이지 본문 객체: 이 함수는 DOM이 로드된 후에 실행되므로 $(document).ready()를 작성할 수 있습니다. $()
$(selector part, selector source): 이 예는
$("input:radio",document를 보여줍니다. .forms[0]): 문서의 첫 번째 형식에서 모든 라디오 버튼 검색
$("div",xml.responseXML): 지정된 XML 문서의 모든 div 요소 쿼리
선택기 소스는 다음과 같습니다. : DOM 요소, 문서 또는 jQuery 객체를 컨텍스트
또한 두 가지가 있습니다: $.extend(prop) 및 $.noContric()은 플러그인 및 기타 라이브러리와 호환됩니다.

drop을 작성합니다. -다운 상자, 라디오 버튼 상자 및 향후 다중 선택 상자

1, 드롭다운 상자:
var cc1 = $(".formc select[@name='country'] 옵션 [@selected]").text(); //드롭다운 메뉴에서 선택한 항목의 텍스트 가져오기(가운데 공백이 있음에 유의하세요)
var cc2 = $('.formc select[@ name="country"]').val(); //드롭다운 메뉴에서 선택한 항목의 값 가져오기
var cc3 = $ ('.formc select[@name="country"]') .attr("id"); //드롭다운 메뉴에서 선택한 항목의 ID 속성 값을 가져옵니다.
$("#select").empty() //드롭다운 상자 지우기// $("#select").html('');
$("1111").appendTo("#select")//드롭다운 상자 옵션 추가
약간의 설명은 다음과 같습니다. 보기:
1.select[@name='country'] option[@selected]는 name 속성이 있는 select 요소에서 selected 속성이 있는 옵션 요소를 의미하며
속성 값은 'country'입니다. ;
@으로 시작하는 모든 것은 그 뒤에 속성이 따른다는 것을 의미합니다.

2, 라디오 버튼:
$("input[@type=radio][@checked]").val() //라디오 버튼의 선택된 항목 값을 가져옵니다(참고). 중간 공백 없음)
$("input[@type=radio][@value=2]").attr("checked",'checked') //라디오 버튼 값=2를 선택한 항목으로 설정 state.(중간에 공백이 없다는 점에 유의하세요)

3, 체크박스:
$("input[@type=checkbox][@checked]").val(); 체크박스 선택 받기 첫 번째 항목의 값
$("input[@type=checkbox][@checked]").each(function(){ //체크박스는 여러 개 선택하는 것이 일반적이므로 출력은 반복됨
alert($(this).val());
})

$("#chk1").attr("checked",'');//선택 취소
$("#chk2").attr("checked",true);//Tick
if($("#chk1").attr('checked')==undefine){} // 확인되었는지 확인