您的位置:首页 > Web前端 > HTML

html 学习-链接<a>响应(链接…

2014-03-10 14:04 218 查看




这个链接是html的基本组成元素,不解释了。。

然后重点说下,除了跳转~~类似:



这样的是基本用法了。
然后很多时候其实我们要链接是用来操作界面的。
假如我用jquery的hide()来隐藏了一个元素:




这个是html代码。
js隐藏元素代码:

1 $(document).ready(function() {

2   
 $('.title').hide();

3 });
很简单吧。。然后我现在想显示这个代码。
那么我有第一行的html代码,来响应test()函数。

1 function test (id) {

2   
 $('.title').show();

3 }
这个就很简单了,然后这样就可以直接显示了~但是其实现在我们有个很重要的点要来确定~
href="javascript:;"
这一句代码,假如把这一句去掉会怎么样?你会看到隐藏的元素闪现了一下,又消失了。~
这是为什么捏~是因为这一句代表告诉页面,我响应了,但是页面不要刷新。。

假如没这句话,响应之后,执行之后,隐藏元素出现之后瞬间又刷新了。。然后就又load那个hide()了,隐藏元素了~

还有一个重要的:
你看我的test函数并没有放到jquery的代码范围之内,这是为啥?
我也没弄清楚,但是反正明确说,,,,不能放!
放进去之后不响应。。。等我弄明白为啥之后再说明,记得js的函数别放到jquery里面~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: