Hướng dẫn how html elements are used in jquery? - các phần tử html được sử dụng như thế nào trong jquery?

.html [] trả về: chuỗiReturns: String

Mô tả: Nhận nội dung HTML của phần tử đầu tiên trong tập hợp các phần tử phù hợp.Get the HTML contents of the first element in the set of matched elements.

• Phiên bản được thêm vào: 1.0.html [].html[]

  • Phương pháp này không chấp nhận bất kỳ đối số.

Phương pháp này không có sẵn trên các tài liệu XML.

Trong một tài liệu HTML,

  Demonstration Box

$[ "div.demo-container" ].html[];

Để được truy xuất nội dung của ____ 11 sau đây, nó sẽ phải là công cụ đầu tiên có

  Demonstration Box

  Demonstration Box

Kết quả sẽ trông như thế này:

Demonstration Box

Phương pháp này sử dụng thuộc tính

  Demonstration Box

Ghi chú bổ sung:

• Theo thiết kế, bất kỳ hàm tạo hoặc phương thức nào chấp nhận chuỗi HTML - jQuery [], .Append [], .After [], v.v. - có khả năng thực thi mã. Điều này có thể xảy ra bằng cách tiêm thẻ tập lệnh hoặc sử dụng các thuộc tính HTML thực thi mã [ví dụ:

    Demonstration Box

  4]. Không sử dụng các phương pháp này để chèn các chuỗi thu được từ các nguồn không tin cậy như tham số truy vấn URL, cookie hoặc đầu vào hình thức. Làm như vậy có thể giới thiệu các lỗ hổng về chữ ký chéo [XSS]. Xóa hoặc thoát bất kỳ đầu vào người dùng trước khi thêm nội dung vào tài liệu.

    text-decoration: underline;
  
  Click to change the html
  to a text node.
  This button does nothing.
$[ "p" ].click[function[] {
  var htmlString = $[ this ].html[];
  $[ this ].text[ htmlString ];

.html [htmlString] trả về: jQueryReturns: jQuery

Mô tả: Đặt nội dung HTML của mỗi phần tử trong tập hợp các phần tử phù hợp.Set the HTML contents of each element in the set of matched elements.

• Phiên bản được thêm vào: 1.0.html [HTMLString].html[ htmlString ]

  • HTMLSTRING

    Một chuỗi HTML để đặt làm nội dung của mỗi phần tử phù hợp.

• Phiên bản được thêm vào: 1.4.html [chức năng].html[ function ]

  • function

    Một hàm trả về nội dung HTML để đặt. Nhận vị trí chỉ mục của phần tử trong tập hợp và giá trị HTML cũ làm đối số. JQuery làm trống phần tử trước khi gọi hàm; Sử dụng đối số OldHTML để tham khảo nội dung trước đó. Trong hàm,

      Demonstration Box

    5 đề cập đến phần tử hiện tại trong tập hợp.

Phương pháp

  Demonstration Box

Khi

  Demonstration Box

Hãy xem xét HTML sau:

  Demonstration Box

Nội dung của

  Demonstration Box

$[ "div.demo-container" ]
  .html[ "
All new content. You bet!
" ];

Dòng mã đó sẽ thay thế mọi thứ bên trong

  Demonstration Box

  All new content. You bet!

Kể từ JQuery 1.4, phương pháp

  Demonstration Box

$[ "div.demo-container" ].html[function[] {
  var emphasis = "" + $[ "p" ].length + " paragraphs!";
  return "
All new content for " + emphasis + "
";

Đưa ra một tài liệu với sáu đoạn văn, ví dụ này sẽ đặt HTML của

  Demonstration Box

Demonstration Box

Phương pháp này sử dụng thuộc tính

  Demonstration Box

Demonstration Box

Để đặt nội dung của phần tử

Demonstration Box

Demonstration Box

  Demonstration Box

Lưu ý: Trong Internet Explorer lên đến và bao gồm phiên bản 9, việc đặt nội dung văn bản của phần tử HTML có thể làm hỏng các nút văn bản của trẻ em đang bị xóa khỏi tài liệu do kết quả của hoạt động. Nếu bạn đang giữ các tham chiếu đến các phần tử DOM này và cần không thay đổi, hãy sử dụng

Demonstration Box

  

Demonstration Box

Demonstration Box

Demonstration Box

  
$[ "div" ].html[ "Wow! Such excitement..." ];
  .append[ document.createTextNode[ "!!!" ] ]