Adding attribute in jQuery

How can I add an attribute into specific HTML tags in jQuer开发者_运维百科y?

For example, like this simple HTML:

<input id="someid" />

Then adding an attribute disabled="true" like this:

<input id="someid" disabled="true" />

---

You can add attributes using attr like so:

$('#someid').attr('name', 'value');

However, for DOM properties like checked, disabled and readonly, the proper way to do this (as of JQuery 1.6) is to use prop.

$('#someid').prop('disabled', true);

---

best solution: from jQuery v1.6 you can use prop() to add a property

$('#someid').prop('disabled', true);

to remove it, use removeProp()

$('#someid').removeProp('disabled');

Reference

Also note that the .removeProp() method should not be used to set these properties to false. Once a native property is removed, it cannot be added again. See .removeProp() for more information.

---

You can do this with jQuery's .attr function, which will set attributes. Removing them is done via the .removeAttr function.

//.attr()
$("element").attr("id", "newId");
$("element").attr("disabled", true);

//.removeAttr()
$("element").removeAttr("id");
$("element").removeAttr("disabled");

---

$('#someid').attr('disabled', 'true');

---

$('#someid').attr('disabled', 'true');

---

Add attribute as:

$('#Selector_id').attr('disabled',true);

---

$('.some_selector').attr('disabled', true);

---

Use this code:

<script> 
   $('#someid').attr('disabled', 'true'); 
</script>

---

This could be more helpfull....

$("element").prop("id", "modifiedId");
//for boolean
$("element").prop("disabled", true);
//also you can remove attribute
$('#someid').removeProp('disabled');

---

$('#yourid').prop('disabled', true);

---

If you are trying to use removeProp() for "checked", "disabled" or "selected", it might not work. To remove property use prop with 'false' parameter.

        $('.my-input').prop('disabled', true); //adding property
        $('.my-input').prop('disabled', false); //removing property

documentation: https://api.jquery.com/removeprop/