简单版,拷贝运行
================================
<html>
<head>
<meta >
<%@ page language="java" pageEncoding="UTF-8"%>
<DIV class="ui-layout-north">
</DIV>
<DIV class="ui-layout-west">
<dl id="sfqclick">
<dt class="leftIco">
省市
</dt>
<dd>
<a href="1jsp">查询省</a>
<a href="#">查询市</a>
</dd>
<dt class="leftIco">
第二部分
</dt>
<dd>
<a href="#">SubLink-1</a>
<a href="#">SubLink-2</a>
<a href="#">SubLink-3</a>
</dd>
<dt class="leftIco">
第三部分
</dt>
<dd>
<a href="#">SubLink-1</a>
<a href="#">SubLink-2</a>
<a href="#">SubLink-3</a>
</dd>
</dl>
</DIV>
1jsp更改如下
<%@ page language="java" pageEncoding="UTF-8"%>
<HTML>
<HEAD>
<TITLE>Layout Example</TITLE>
<link rel="stylesheet" href="css/stylecss" type="text/css" />
<SCRIPT type="text/javascript" src="jqueryjs"></SCRIPT>
<SCRIPT type="text/javascript" src="jquerylayoutjs"></SCRIPT>
<script type="text/javascript" src="jquerytablesorterjs"></script>
<SCRIPT type="text/javascript">
$(document)ready(function () {
$('body')layout({ applyDefaultStyles: true });
//
$("#sfqclick dt")click(function(){
$(this)toggleClass("bottomIco")
next()slideToggle(1)
siblings("dd")slideUp("fast");
$(this)siblings("dt")removeClass("bottomIco");
});
});
// add parser through the tablesorter addParser method
$tablesorteraddParser({ // set a unique id
id: 'grades',
is: function(s) { // return false so this parser is not auto detected
return false;},
format: function(s) { // format your data for normalization
return stoLowerCase()replace(/good/,2)replace(/medium/,1)replace(/bad/,0); },
// set type, either numeric or text
type: 'numeric' });
$(function() {
$("table")tablesorter({
headers: {
6: {
sorter:'grades'
}
}
});
});
$(document)ready(function(){
$('dd a:first')click(function(){
$ajax({
type: "POST",
url: "findProvinceAllaction",
dataType: "json",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
});
});
</SCRIPT>
</HEAD>
<body>
<jsp:include page="mainjsp"></jsp:include>
<DIV class="ui-layout-center">
<table cellspacing="1" class="tablesorter">
<thead>
<tr>
<th>省ID</th>
<th>省名称</th>
</tr>
</thead>
<tbody>
<tr>
<td id="prvoinceId"></td>
<td id="provinceName"></td>
</tr>
</tbody>
</table>
</DIV>
</BODY>
</HTML>
结果看图访问1jsp
$("a")获取所有的元素<a>
得到所有的href值
$("buton")click(fuction(){
var acounts=$("a");
var arr=new Array();
for(var i=0;i<acounts;i++)
{
arr[i]=acounts[i]arr("herf")
}
});
得到点击的href的值
$("a")click(fuction(){
var s= $("this")arr("href");
});
好像jquery未封装有直接获取的方法,请参考javascript原生方法:
>
本文实例讲述了jQuery实现平滑滚动页面到指定锚点链接的方法。分享给大家供大家参考。具体如下:
$fnscroller
=
function()
{
var
speed
=
'slow';
//
Choose
default
speed
$(this)each(function()
{
$(this)bind('click',
function()
{
var
target
=
$(this)attr('href');
//
Get
scroll
target
$(target)ScrollTo(speed);
return
false;
});
});
}
希望本文所述对大家的jquery程序设计有所帮助。
以上就是关于js如何获取链接地址的参数值全部的内容,包括:js如何获取链接地址的参数值、JQuery 如何实现在同一个页面,通过点击不同的链接(action),显示不同的list、jquery 怎么获取所有页面上所以的 lt;a href>之类的标签等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)