Shulou(Shulou.com)06/02 Report--

This article mainly explains "how to like plus 1 in jQuery". The content in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn "how to like plus 1 in jQuery".

JQuery to achieve like plus 1 method: 1, import jquery;2, set HTML and CSS code; 3, through the code "$(" .liker "). On (" click ", function () {...}" method to achieve the like plus 1 effect.

This article operating environment: Windows7 system, jquery-3.3.1 version, DELL G3 computer

How does jQuery achieve point Zanga 1?

Jquery a simple like effect, to achieve the number of likes + 1

1. Import JS

2. CSS code

A {text-decoration:none; color: # 999999;} .red {color: red;}

3. HTML code

Wang Sijian actually licks a dog? ❤ 999

Shocked, a scientist found that for every minute of browsing Douyin, people's lives are reduced by 60 seconds! ❤ 520

4. JS code

$(function () {/ / like $(".liker") .on ("click") Function () {/ / determine whether if ($(this) .hasClass ("red")) {return} / / add a style and the number + 1 $(this) .addClass ("red") var num=$ (this) .html () .substring (1) num++ $(this) .html ("❤" + num) / / ajax update data})})

Run...

After clicking Little Love

Of course, there is no code for background interaction.

Thank you for your reading, the above is the content of "how to like plus 1 in jQuery". After the study of this article, I believe you have a deeper understanding of how to achieve like plus 1 in jQuery, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.