.attr()
MethodYou can use the jQuery .attr()
method to dynamically set or change the value of href
attribute of a link or anchor tag. This method can also be used to get the value of any attribute.
The following example will show you how to convert all hyperlinks or links in an HTML document from "http" to "https" when the document becomes ready with jQuery.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Set HREF for Anchor Tag</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function(){
$('a[href^="http://"]').each(function(){
var oldUrl = $(this).attr("href"); // Get current url
var newUrl = oldUrl.replace("http://", "https://"); // Create new url
$(this).attr("href", newUrl); // Set herf value
});
});
</script>
</head>
<body>
<p><a href="http://www.google.com">Google</a></p>
<p><a href="http://www.gmail.com">Gmail</a></p>
</body>
</html>
Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on [email protected]
Laravel 8 - jQuery Ajax File Upload with Progress Bar Tutorial
In this article, i will share with you h...How to Detect a Mobile Device in jQuery
Use the JS matchMedia() Method You ca...How to hide dropdown menu on click outside of the element in jQuery
Use the jQuery on() method You can us...Real Time Comment System With Laravel And Vuejs
Today, Laravelcode share sommething new...How to Create Animation Effects using pure CSS
Creating animation nowadays is becoming...