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里面~
相关文章推荐
- HTML学习记录<三> :创建电子邮件链接
- HTML学习---------1.13 地址标签 <address>和链接标签<a>
- HTML学习 <1>
- HTML中的链接到另外一个页面的标签<a>的用法与规则
- HTML学习 <3>
- HTML学习记录<一>:<abbr>及<acronym>
- HTML学习 <7>
- HTML <!DOCTYPE> 标签学习
- HTML学习笔记(十一)HTML <div> 和 <span>
- HTML学习 <4>
- HTML笔记——链接<link>
- html系统学习之三 <表格,列表,表单>
- HTML学习 <11>
- HTML学习 <5>
- HTML学习记录<四> :创建图像映射
- <笔记> HTML 学习——1
- HTML学习---------1.20 使用<a>标签链接到另一个页面
- html/css标签学习,持续Mark——iframe与<input>新特性range
- HTML学习记录<五> :列表
- HTML 学习笔记(一)<h1>、<hr />、<p>、<ol><li>、<ul><li>、<dl><dt><dd>、 、<a name="abc">、href="#abc"、mailto