How to modify a content by jquery

This article mainly shows you "jquery how to modify a content", the content is easy to understand, clear, hope to help you solve doubts, the following let the editor lead you to study and learn "jquery how to modify a content" this article.

The method of jquery modifying a content: 1, setting the attribute value of the selected element through the jquery attr () method; 2, setting the text content of the selected element through the jquery text () method.

This article operating environment: windows7 system, jquery3.2.1 version, DELL G3 computer

Jquery modifies the href link and text of the a tag

The following code modifies the href link of the a tag and modifies the text:

Original link:

Ke Leyi

Modify the href link for the a tag:

$('# home_keleyi_com'). Attr ('href',' http://keleyi.com');

Modify the text:

$("# home_keleyi_com"). Text ('Ke Leyi Home')

The modified link is:

Ke Leyi homepage

Here is the complete code:

Jquery Modification Link-- Ke Leyi

Jquery modifies the href link and text of the a tag, first click the link below and then click the "change" button, then click the link below once, and notice the difference between opening the page twice:

The original text $("# gb_keleyi_com"). Bind ("click", function () {$('# home_keleyi_com'). Attr ('href',' http://keleyi.com'); $("# home_keleyi_com"). Text ("Ke Le Yi homepage")) above is all the content of the article "how jquery modifies a content". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!