The jQuery library provides various options
to work with href links, in this post Asp.Net jQuery get href
Link, we shall see on how to get the hyperlink
value of a href control.
We can get the Hyperlink values of a href control
using jQuery as follows.
Here is a full example
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Links
(a href)</title>
<link
type="text/css"
href="Stylesheet.css"
rel="Stylesheet" />
<script
type="text/javascript"
src="JavaScript/jquery-1.7.2.js"></script>
<script
type="text/javascript"
language="javascript">
$(document).ready(function()
{
$('#cmdGet').click(function(event) {
event.preventDefault();
alert('H
REF: ' + $('#lnkGoogle').attr('href'));
});
});
</script>
</head>
<body>
<form id="frmLinks" runat="server">
<b>Links (a
Href)</b><br
/>
<a id="lnkGoogle"
href="http://www.google.com"
target="_blank">Google</a>
<br />
<a id="lnkYahoo" href="http://www.yahoo.com">Yahoo</a><br
/>
<a id="lnkFacebook" href="http://www.facebook.com">Facebook</a><br
/>
<br /><br />
<b>Hyperlinks
(asp:HyperLink)</b><br />
<asp:HyperLink
ID="lnkMicrosoft"
runat="server"
Text="Microsoft"
NavigateUrl="http://www.microsoft.com/">
</asp:HyperLink><br />
<asp:HyperLink
ID="lnkMSDN"
runat="server"
Text="MSDN"
NavigateUrl="http://msdn.microsoft.com/en-US/">
</asp:HyperLink>
<br /><br />
<asp:Button
ID="cmdGet"
runat="server"
Text="Get"
Width="100"/>
</form>
</body>
</html>
Run the application, click on the Get Values button, and notice that the value of the Hyperlink is displayed in the message box.
Run the application, click on the Get Values button, and notice that the value of the Hyperlink is displayed in the message box.
Related Post
Asp.Net jQuery get href link
Asp.Net jQuery get href ID
Asp.Net jQuery get href target Attribute
Asp.Net jQuery get Link Text
Asp.Net jQuery set href URL
Asp.Net jQuery set href Text
Asp.Net jQuery set href Target Attribute
Asp.Net jQuery href click Event Handler
Asp.Net jQuery href mouse hover Event Handler
Asp.Net jQuery loop through all href controls in a Page
Asp.Net jQuery href Example
Asp.Net jQuery get href link
Asp.Net jQuery get href ID
Asp.Net jQuery get href target Attribute
Asp.Net jQuery get Link Text
Asp.Net jQuery set href URL
Asp.Net jQuery set href Text
Asp.Net jQuery set href Target Attribute
Asp.Net jQuery href click Event Handler
Asp.Net jQuery href mouse hover Event Handler
Asp.Net jQuery loop through all href controls in a Page
Asp.Net jQuery href Example
No comments:
Post a Comment