This is second paragraph.
Nó cho kết sau: Thiết lập giá trị thuộc tính jQuery Phương thức attr(name, value) sử dụng để thiết lập thuộc tính đặt tên tất phần tử tập hợp bao sử dụng value truyền Ví dụ Ví dụ đơn giản sau thiết lập thuộc tính src thẻ image tới vị trí xác The jQuery Example $(document).ready(function() { $("#myimg").attr("src", "./images/jquery.jpg"); }); Nó cho kết sau: Áp dụng Style jQuery Phương thức addClass( classes ) sử dụng để áp dụng Style Sheet định nghĩa tất phần tử so khớp Bạn định rõ nhiều class phân biệt khoảng trống Ví dụ Ví dụ đơn giản sau thiết lập thuộc tính class thẻ: The jQuery Example $(document).ready(function() { http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/jquery/index.jsp Copyright © vietjack.com $("em").addClass("selected"); $("#myid").addClass("highlight"); }); selected { color:red; } highlight { background:yellow; } This is first paragraph.
This is second paragraph.
Nó cho kết sau: Các phương thức Atribute jQuery Bảng sau liệt kê số phương thức hữu ích mà bạn sử dụng để thao tác thuộc tính STT Phương thức & Miêu tả attr( properties ) Thiết lập cặp đối tượng key/value thuộc tính tất phần tử so khớp attr( key, fn ) Thiết lập thuộc tính đơn tới giá trị tính toán, tất phần tử so khớp removeAttr( name ) Gỡ bỏ thuộc tính từ phần tử so khớp hasClass( class ) Trả true class cho có mặt phần tử tập hợp phần tử so khớp removeClass( class ) Gỡ bỏ tất class cho từ tập hợp phần tử so khớp toggleClass( class ) Thêm class cho khơng có mặt, gỡ bỏ class cho có mặt http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/jquery/index.jsp Copyright © vietjack.com html( ) Nhận nội dung HTML phần tử so khớp html( val ) Thiết lập nội dung HTML phần tử so khớp text( ) Nhận nội dung text tổ hợp tất phần tử so khớp 10 text( val ) Thiết lập nội dung text tất phần tử so khớp 11 val( ) Nhận giá trị đầu vào phần tử so khớp 12 val( val ) Thiết lập giá trị thuộc tính tới phần tử so khớp gọi gọi với giá trị truyền option truyền chọn, gọi checkbox radiobox tất checkbox radiobox so khớp kiểm tra Ví dụ Tương tự cú pháp ví dụ trên, ví dụ sau giúp bạn hiểu sử dụng phương thức Attribute đa dạng tình khác nhau: STT Phương thức & Miêu tả $("#myID").attr("custom") Phương thức trả giá trị thuộc tính custom cho phần tử so khớp với id myID $("img").attr("alt", "Sample Image") Phương thức thiết lập thuộc tính alt tất Image tới giá trị "Sample http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/jquery/index.jsp Copyright © vietjack.com Image" $("input").attr({ value: "", title: "Please enter a value" }); Thiết lập giá trị tất phần tử thành chuỗi trống, thiết lập The jQuery Example thành Please enter a value $("a[href^=http://]").attr("target","_blank") Chọn tất link với thuộc tính href bắt đầu với http:// thiết lập thuộc tính target _blank $("a").removeAttr("target") Phương thức gỡ bỏ thuộc tính target tất link $("form").submit(function() {$(":submit",this).attr("disabled", "disabled");}); Phương thức sửa đổi thuộc tính "disabled" tới giá trị "disabled" click vào nút Submit $("p:last").hasClass("selected") Trả true thẻcuối có class selected $("p").text() Trả chuỗi chứa nội dung text tổ hợp tất phần tử
so khớp $("p").text("Hello World") Phương thức thiết lập "Hello World" nội dung text phần tử
so khớp 10 $("p").html() Phương thức trả nội dung HTML tất đoạn văn so khớp 11 $("div").html("Hello World") Phương thức thiết lập nội dung HTML tất thẻ so khớp thànhHello World http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/jquery/index.jsp Copyright © vietjack.com 12 $("input:checkbox:checked").val() Nhận giá trị từ checkbox checked 13 $("input:radio[name=bar]:checked").val() Nhận giá trị từ tập hợp nút radio 14 $("button").val("Hello") Thiết lập thuộc tính giá trị phần tử so khớp 15 $("input").val("on") Phương thức kiểm tra tất nút radiobox checkbox mà giá trị "on" 16 $("select").val("Orange") Phương thức chọn tùy chọn Orange hộp dropdown tùy chọn Orange, Mango Banana 17 $("select").val("Orange", "Mango") Phương thức chọn tùy chọn Orange Mango hộp dropdown với tùy chọn Orange, Mango Banana http://vietjack.com/ Trang chia sẻ các bài học online miễn phí ... image tới vị trí xác The jQuery Example