JQuery 简单的函数调用

JQuery 简单的函数调用,第1张

1、html加载CDN jQuery库,如果加载失败调用本地jQuery。

2、click事件:click单击事件,点击元素,并鼠标抬起。

3、dbclick事件:dbclick是双击事件,两次点击相同元素。

4、mousedown事件和mouseup事件,第一个是鼠标点击事件,第二个是鼠标抬起事件。

5、mouseenter事件和mouseleave事件。第一个是光标移入元素调用,第二个是光标移除元素调用。

我简单实现了一个纯静态页面的,没有和服务器交互。如果你要从服务器端把取出来,原理相通,可以把保存名称的imgArray数组换成服务器传来的url。<html>

<head>

<script type="text/javascript" src="jq/jqueryjs"></script>

<script type="text/javascript">

var imgArray = new Array("1317jpg", "3jpg","yzjpg");//同路径文件夹下有"1317jpg", "3jpg","yzjpg"这三张,将其文件名保存至imgArray数组

var i=0, //计数器

len = imgArraylength;//imgArray数组长度

$(document)ready(function() {

$("img")attr("src", "xxxjpg");//页面加载后,为xxxjsp

change();//调用change函数

});

function change() {

//若i小于imgArray数组长度,递归调用change()函数

if (i < len) {

$("img")attr("src", imgArray[i++]);//改变img的src属性

setTimeout("change()", 2000);//设置2秒刷新一次

}

}

</script>

</head>

<body>

<img alt="" src="">

</body>

</html>

jq自定义函数方法和js的写法是一样的

<script>

$(document)ready(function(){

getStr();//直接调用函数

$("#a")click(function(){

getStr();//通过点击dom结点调用函数

})

})

function getStr(){

alert("自定义了函数getStr");

}

</script>

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/12186938.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存