jquery调用效果函数怎么弄啊

Question

js中不是可以设定函数吗，然后在标签内用onclick之类的调用，我想问的就是，我在jQ里面自己定义了一个函数，函数的内容是，找到一个目标，用jQ的效果让他淡入，但我只想让他鼠标点击按钮的时候在淡入，那么我就在外面的input里面加了个onclick事件，但是，你懂得，一点效果都没有，该怎么弄啊？
代码如下

<script>
$(
document).ready(
function(){

function ttl(){
$("#tp").fadeIn();
}

}
)
</script>
<input type="button" value="play" onclick="ttl()"/>

Answer 1

第一种：普通调用

第二种：jquery对象中的自定义函数

注：
1.运行代码时，要有jquery.js文件，否则运行出错。

2.还有其它方法，只尝试了这两种。

Answer 2

如果能出现的话，就见鬼了，首页tt1()函数你写在了 

$(document).ready(function(){});

里面，函数是有作用域的，外面是访问不到的，onclick调用时，页面会报错，tt1()未定义。这时候，就要用到jquery事件的绑定。给button增加一个ID比如id="btn" ；

代码就要这么写 

$("#btn").click(function(){ $("#tp").fadeIn(); });

 

首页#tp是隐藏的，只有隐藏了，才能再显示。或者

$("#btn").click(function(){ $("#tp").hide().fadeIn(); });

 

先隐藏，再浮出。

本回答被提问者采纳

Answer 3

按钮如果不先隐藏，又怎么show出来呢。所以你需要在fadeIn()前面先加上一个).fadeOut()就OK了。
解决方法：

<script>
$(
document).ready(
function(){
function ttl(){
$("#tp").fadeOut().fadeIn();
}
}
)
</script>

或者事先定义tp这个元素的CSS让它先隐藏也可以，如下两种方法：
一、
function ttl(){
$("#tp").css("display","none").fadeIn();
}
二、
function ttl(){
$("#tp").hide().fadeIn();
}

Answer 4

你把
function ttl(){
$("#tp").fadeIn();
}
写在
$(
document).ready(function(){})
外面试一下

Answer 5

<script>
function ttl(){
$("#tp").fadeIn();
}
</script>
<input type="button" value="play" onclick="ttl()"/>

或者

<script>
$(function(){
$("#bt1").click(function(){
$("#tp").fadeIn();
});
})
</script>
<input type="button" value="play" id="bt1" />