Làm cách nào để xóa nhiều thuộc tính trong JavaScript?

Hàm removeAttr[] của jQuery được sử dụng để xóa một hoặc nhiều thuộc tính khỏi các phần tử được chọn. Hàm removeAttr[] của jQuery là một hàm có sẵn trong jQuery. Hàm removeAttr[] của jQuery xóa thuộc tính đã chỉ định cho từng phần tử phù hợp. Nó sử dụng hàm removeAttribute[] của JavaScript, nó có ưu điểm là có thể gọi trực tiếp trên một đối tượng jQuery. Hàm prop[] cũng hoạt động giống như hàm removeAttr[], nhưng để xóa thuộc tính title nội tuyến bằng cách sử dụng hàm removeAttr[] không mang lại kết quả mong muốn trong Internet Explorer 8, 9 và 11, vì vậy chúng ta có thể sử dụng prop

Cú pháp hàm removeAttr[] của jQuery

Bắt đầu khóa học phát triển phần mềm miễn phí của bạn

Phát triển web, ngôn ngữ lập trình, kiểm thử phần mềm và những thứ khác

$[selector]. removeAttr[attribute];

Thông số

• thuộc tính. Đây không phải là một tham số tùy chọn. Nó chỉ định một hoặc nhiều thuộc tính cần xóa khỏi phần tử đã chọn. Nhiều thuộc tính được phân tách bằng dấu cách

Giá trị trả về

Hàm trả về phần tử đã chọn với các thuộc tính đã bị xóa

Hoạt động của jQuery removeAttr[] Hàm

• Hàm removeAttr[] của jQuery chấp nhận một tham số, chỉ định thuộc tính sẽ bị xóa khỏi phần tử đã chọn
• Giả sử chúng ta có phần tử “a” trong trang HTML, phần tử này có thuộc tính “href” [chỉ định URL của trang mà liên kết chuyển đến]
• Bây giờ chúng ta cần hủy kích hoạt liên kết hoặc xóa thuộc tính “href”, để chúng ta có thể sử dụng hàm removeAttr[] dưới dạng “$[“a”]. removeAttr[“href”];”, loại bỏ thuộc tính “href” khỏi tất cả các phần tử “a”

Ví dụ về Thuộc tính Xóa jQuery

Dưới đây là các ví dụ về jQuery Remove Attribute

Ví dụ 1

Ví dụ về hàm removeAttr[] của jQuery để xóa một thuộc tính khỏi một phần tử

Mã số

 This is an example for jQuery removeAttr[] function 

function disp[]
{
$["table"].removeAttr["style"].css[{
"border": "2px solid red"
}];
}



 This an example of removeAttr[] function: 
 The Vegetables and Fruits are : 


 Vegetables 
 Corn 
 Mushroom 
 Broccoli 
 Cucumber  


 Fruits 
 Apple 
 Banana 
 Cherry 
 Pome  


 Some more vegetables and fruits will be add soon. 
 Remove the style attribute from table element. 

đầu ra

Khi chúng tôi nhấp vào nút, đầu ra là

Trong đoạn mã trên, có một phần tử bảng chứa thuộc tính style. Tiếp theo, hàm removeAttr[] được sử dụng để xóa thuộc tính style khỏi tất cả các bảng dưới dạng “$[“table”]. removeAttr[“style”];”, vì vậy, nó chọn thành phần bảng và xóa style[Width. 80%] và áp dụng đường viền màu đỏ, như chúng ta có thể thấy khi nhấp vào nút

Ví dụ #2

Ví dụ về hàm removeAttr[] của jQuery để xóa nhiều thuộc tính dưới dạng lớp khỏi phần tử loại đơn

Mã số

 
 This is an example for jQuery background image property 

.div1 {
border : 2px solid black;
background-color : blue;
height : 150px;
width : 250px;
}



$[ document ].ready[ function[] {
$[ "div" ].click[ function[] {
$["div"].removeAttr["class"];
}];
}];


 This an example of removeAttr[] function : 
 Click on the box to remove the background-color, height and width attributes from div element. 


 This is div element. 
 This is div element. 

đầu ra

Khi chúng tôi nhấp vào nút đầu tiên, đầu ra là

Trong đoạn mã trên, có các phần tử div có thuộc tính lớp. Tiếp theo, hàm removeAttr[] được sử dụng để xóa thuộc tính lớp khỏi tất cả các phần tử div dưới dạng “$[“div”]. removeAttr[“class”];, vì vậy, nó chọn tất cả phần tử div và xóa thuộc tính class, như chúng ta có thể thấy khi nhấp vào nút

Ví dụ #3

Ví dụ về hàm removeAttr[] của jQuery để xóa nhiều thuộc tính riêng lẻ khỏi các loại phần tử khác nhau

Mã số

 
 This is an example for jQuery removeAttr[] function 


$[ document ].ready[ function[] {
$[ "button" ].click[ function[] {
$["p,div"].removeAttr["height align style"];
}];
}];


 This an example of removeAttr[] function : 
 Click on the button to remove the height, align and style attributes from p and div elements. 
 This is p element. 
 This is div element. 
 This is p element. 
 Click here. 

đầu ra

Khi chúng tôi nhấp vào nút, đầu ra là

Trong đoạn mã trên, có các phần tử p và div chứa các thuộc tính height, align và style. Tiếp theo, hàm removeAttr[] được sử dụng để xóa nhiều thuộc tính [chiều cao, căn chỉnh và kiểu dáng] khỏi tất cả các phần tử p và div dưới dạng “$[“p, div”]. removeAttr[“height align style”];”, vì vậy, nó chọn tất cả các phần tử p và div và xóa cả ba thuộc tính, như chúng ta có thể thấy trong kết quả

Phần kết luận

Hàm removeAttr[] của jQuery là một hàm có sẵn trong jQuery, được sử dụng để xóa một hoặc nhiều thuộc tính khỏi các phần tử được chọn

Bài viết được đề xuất

Đây là hướng dẫn về Xóa thuộc tính jQuery. Ở đây chúng tôi thảo luận về giới thiệu, hoạt động của hàm jQuery removeAttr[] và các ví dụ. Bạn cũng có thể xem các bài viết sau để tìm hiểu thêm –

Làm cách nào để xóa nhiều thuộc tính trong JavaScript?

Làm cách nào để xóa tất cả các thuộc tính trong JavaScript?

Làm cách nào để xóa thuộc tính JavaScript?

Bạn có thể đặt nhiều thuộc tính trong JavaScript không?