How to remove the border style from jquery

This article mainly introduces the relevant knowledge of "how to remove border style from jquery". Xiaobian shows you the operation process through actual cases. The operation method is simple, fast and practical. I hope this article "how to remove border style from jquery" can help you solve the problem.

Two methods: 1. Set the border attribute value to "none" with css(), syntax "specify element.css("border","none")". 2. Add a new style with attr(), overwriting the old style, syntax "specify element.attr("style","border:none")".

This tutorial operates on Windows 7, jquery version 1.10.2, Dell G3 computers.

In jquery, you can remove border styles by setting the border attribute's value to "none" in the built-in method.

There are two ways to remove borders:

1. Use css() to set the border attribute value to "none"

The css() method sets one or more style properties of the matching element.

Remove syntax:

$(selector).css("border","none")

Examples:

$(document).ready(function() { $("button").bind("click", function() { $("p").css("border","none"); }); }); p{ border: 2px solid red; background-color: pink; } Remove border style

This is a p paragraph.

This is a p paragraph.

2. Use attr() to add a new style of "border:none", overwriting the old style

The attr() method sets the attribute value of the selected element.

Use the attr() method to set the style attribute and add a new inline style of "border:none."

$(document).ready(function() { $("button").bind("click", function() { $("p").attr("style","border:none"); });});

About "jquery how to remove border style" content introduced here, thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the industry information channel. Xiaobian will update different knowledge points for you every day.