大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
使用步骤如下:
创新新互联,凭借十年的网站制作、成都做网站经验,本着真心·诚心服务的企业理念服务于成都中小企业设计网站有成百上千家案例。做网站建设,选创新互联。
1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。
2.然后我们来开始编辑HTML界面代码。
3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。
4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码
如果不放在$(document).ready(function
(){});中时,js代码是顺序执行的,也就是说如果你把js代码写在head/head里的话,它会在html代码未加载成功时就执行了,如果你的js代码是用于往某个div里赋值,而这个div还没有加载成功,则可能导致赋值失败。
而加了$(document).ready(function
(){});以后,jquery会等等待所有的HTML代码加载完才执行js,则不会出现上述问题。
所以我们一般都在把js代码放在$(document).ready(function
(){});中。
1、新建一个html文件,命名为test.html,用于讲解gt;怎么让jquery事件执行一次。
2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。
3、在test.html文件内,使用p标签创建一行文字,文字内容为“这是一段测试的文字”,并设置其class为mypp。
4、在js标签内,在页面加载完成时,通过class(mypp)获得p元素对象,使用one()方法给对象绑定click点击事件,当p元素被点击时,执行function()方法一次。
5、在function()方法内,使用$(this)获得p标签对象,使用text()方法取得p标签内的值,把值保存在ny变量中。
6、在function()方法内,使用alert()方法将获得的内容输出来。
7、在浏览器打开test.html文件,点击文字,查看实现的效果。
jQuery中(function(){})()执行顺序:先计算第一个小括号,发现里面的表达式是一个函数,返会该匿名函数的引用(指针),最后一个括号则是建立匿名函数的实参和并执行。
示例:
计算两个数之和。
JavaScript:
(function sum(a,b){ //此处也可去掉sum,以匿名函数的形式出现
alert(a+b);
})(7,8);