التابع .removeAttr() في jQuery
.removeAttr( attributeName )
القيم المعادة
يعيد كائنًا من النوع jQuery.
الوصف
يحذف هذا التابع خاصِّيَّة HTML محدَّدة لكل عنصر في مجموعة العناصر المطابقة.
.removeAttr( attributeName )
أُضيف مع الإصدار: 1.0.
attributeName
سلسلة نصِّيَّة تمثِّل اسم خاصِّيَّة HTML المراد حذفها. ابتداءً من الإصدار 1.7، يمكن أن تحتوي السلسلة النصِّيَّة على قائمة من الخاصِّيَّات المفصولة بفراغ.
يستخدم التابع .removeAttr() الدالة removeAttribute() الموجودة في JavaScript، ولكنَّه يتميز عنها بأنَّه يمكن أن يُستدعَى مع الكائن jQuery مباشرةً ويأخذ بالحسبان التسمية المختلفة للخاصِّيَّات عبر المتصفحات.
ملاحظة: لا يحقِّق حذف معالج الحدث onclick باستعمال التابع .removeAttr() التأثير المطلوب في الإصدارات 8 و 9 و 11 للمتصفح Internet Explorer. لتجنب أي مشاكل غير متوقعة، يجب استعمال التابع .prop() (أو التابع .removeProp() الذي أضيف في الإصدار jQuery 1.6) عوضًا عن ذلك.
$element.prop( "onclick", null );
console.log( "onclick property: ", $element[ 0 ].onclick );
أمثلة
تغيير عنوان العنصر <input> الذي يقع بجوار العنصر <button> عند الضغط عليه. حرك مؤشِّر الفأرة فوق حقل إدخال النص لرؤية تأثير إضافة وحذف الخاصِّيَّة title:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>removeAttr مثالٌ عن استعمال التابع</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button>بدل العنوان</button>
<input type="text" title="مرحبًا">
<div id="log"></div>
<script>
(function() {
var inputTitle = $( "input" ).attr( "title" );
$( "button" ).click(function() {
var input = $( this ).next();
if ( input.attr( "title" ) === inputTitle ) {
input.removeAttr( "title" )
} else {
input.attr( "title", inputTitle );
}
$( "#log" ).html( "عنوان حقل إدخال النص هو " + input.attr( "title" ) );
});
})();
</script>
</body>
</html>