当前位置：网站首页 > 热门文章 > 正文

公司用的jQuery内部培训大纲 jquery实训

bigegpt 2024-10-24 09:03 22 浏览

jquery内部培训大纲

配置jquery

1 插入jquery
在js中,无论是jquery还是YUI又或者是其它的一些js库,都必须以script标签来引用该库,而script标签是一个双标签,是需要结束标签的.其中src是用来指定js的链接的,js可以在本地引用,也可以引用网络上的url.该标签应该在所有的js之前引用上.
<head>

2 行内式
顾名思义,行内式跟css的行内式是一个道理,写在html标签中的js也就是我们的行内式写法.
<a href="www.baidu.com" onclick="return false">点击这里不会跳转到百度</a>
3 嵌入式
一般嵌入式会有两种写法,一种是写在head里面,一个是写</body>后面.因为页面加载是从上往下执行的,如果你的js写在head里面的话,那么这段js将会无法被执行到,如果你一定要写在选择器之前的话,切记一定要代码分离.如果是写在</body>下面的话则不需要代码分离.
<script>
(function(){ //代码分离(‘a’).click(function(){
return fasle;
})
})
</script>
4 分离式
也就是把js代码用单独的文件写好,再引入到html中,注意事项跟嵌入式一致.

选择器以及Dom操作

1.1 ID选择器
$(‘#box’).click(function(){alert(‘我是ID选择器’)});
1.2 类选择器
$(‘.span’).click(function(){alert(‘我是类选择器’)});
1.3 元素选择器
$(‘ul’).click(function(){alert(‘我是元素选择器’)});
1.4 混合型选择器
选择第二个li
$(‘li:eq(1)’).click(function(){alert(‘我是第二个li’)}) //索引从0开始;
选择span里面的a
$(‘.span a’).click(function(){alert(‘我是span里面的a’)}) //索引从0开始;

2.1 load事件
(window).load(functiopn())此事件与(document).ready事件不同,(document).ready()就是文档准备好了。也就是浏览器已经解析完整个html文档，dom树已经建立起来了，这时就可以通过class属性或者id属性等等对dom进行操作等。而(window).load()就是整个页面已经加载完毕。与前者的区别是dom树虽然已经建立起来了，但页面不一定加载完毕，如一些大的图片等，加载完成就需要一定的时间；但是页面加载完毕后，dom肯定也就建立起来了；但是有些文字或者图片链接等需要在文档加载完毕前，dom树建立后就进行的，这时就要用到(document).ready()了。同时(document).ready也等于上文所说的$(function(){~~})这个代码分离.
2.2 重定向事件
在页面加载完成后自动跳转到百度
$(window).load(function(){
})
windows.location.href=”/url” //当前页面打开URL页面
this.location.href=”/url” //当前页面打开URL页面
parent.location.href=”/url” //在父页面打开新页面
top.location.href=”/url” //在顶层页面打开新页面

window.open('baidu.com','newwindow','width=500')//链接,打开方式,新窗口参数;参考网站http://www.cnblogs.com/stswordman/archive/2006/06/02/415853.html

更多资讯更多交流，请登录小码哥论坛bbs.520it.com

相关推荐