相思资源网 Design By www.200059.com
好了开始我的Jquery第一天。
我也是从Hello wrod!开始的。关于jquery 的引用我直接一笔带过。如下:
复制代码 代码如下:
<html>
<head>
<title>jquery 链式操作</title>
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.3.1.js"><script type='text/javascript'>
$(document).ready(function(){
alert("hello word!");
//静止右键点击
// $(document).bind("contextmenu",function(e){
// return false;
// });
});
</script>
</head>
<body>
</body>
</html>
接下来让我们来看看一个复杂的实例,这个实例让我们知道什么是:jquery的链式操作,
我用 . 来连接jquery 的链式操作。
可能有的人刚开始学query ,看起来比较陌生,在后面的疯狂Jquery 中我会一一解释。慢慢的你就会明白。
复制代码 代码如下:
<html>
<head>
<title>Jquery 链式操作</title>
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.3.1.js"><style type="text/css">
#menu {width:300px}
.has_children {
background:#555;color:#fff;cursor:pointer;
}
.highligt{color:#fff;background:green;}
div{padding:0;margin:0px;}
div a {
background:#888;display:none;float:left;width:300px;
}
</style>
<script type='text/javascript'>
$(document).ready(function(){
// alert("给所有目录添加click 事件");
$(".has_children").click(function(){
$(this).addClass('highligt') //为当前元素添加highligt类。
.children("a").show().end() //将子节点的<a>元素显示出来。并且重新定位到上次操作的元素
.siblings().removeClass("highligt") //获取同级的元素。(或兄弟元素),并且去掉他们highligt类
.children("a").hide(); //将同级的元素,兄弟元素下的<a> 元素隐藏
});
});
</script>
</head>
<body>
<div id='menu'>
<div class='has_children'>
<span>第一章 认识Jquery</span>
<a>1.1 Javascript 和 Javascript库</a>
<a>1.2 加入Jquery</a>
<a>1.3 编写简单的Jquery 代码</a>
<a>1.4 Jquery对象 和 Dom对象</a>
<a>1.5 解决Jquery 和其他库的冲突</a>
<a>1.6 Jquery 开发工具和插件</a>
<a>1.7 小结</a>
</div>
<div class='has_children'>
<span>第二章 Jquery选择器</span>
<a>2.1 Jquery 选择器是什么?</a>
<a>2.2 Jquery 选择器的优势?</a>
<a>2.3 Jquery 选择器</a>
<a>2.4 应用Jquery改写实例</a>
<a>2.5 选择器中的一些注意事项</a>
<a>2.6 案例研究————类似淘宝品牌列表的效果</a>
<a>2.7 还有其他选择器吗?</a>
<a>2.8 小结</a>
</div>
<div class='has_children'>
<span>第三章 Jquery中的DOM操作</span>
<a>3.1 DOM的操作分类</a>
<a>3.2 Jquery 中的DOM操作</a>
<a>3.3 案例研究————某网站的超链接和图片效果</a>
<a>3.4 小结</a>
</div>
</div>
</body>
</html>
我也是从Hello wrod!开始的。关于jquery 的引用我直接一笔带过。如下:
复制代码 代码如下:
<html>
<head>
<title>jquery 链式操作</title>
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.3.1.js"><script type='text/javascript'>
$(document).ready(function(){
alert("hello word!");
//静止右键点击
// $(document).bind("contextmenu",function(e){
// return false;
// });
});
</script>
</head>
<body>
</body>
</html>
接下来让我们来看看一个复杂的实例,这个实例让我们知道什么是:jquery的链式操作,
我用 . 来连接jquery 的链式操作。
可能有的人刚开始学query ,看起来比较陌生,在后面的疯狂Jquery 中我会一一解释。慢慢的你就会明白。
复制代码 代码如下:
<html>
<head>
<title>Jquery 链式操作</title>
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.3.1.js"><style type="text/css">
#menu {width:300px}
.has_children {
background:#555;color:#fff;cursor:pointer;
}
.highligt{color:#fff;background:green;}
div{padding:0;margin:0px;}
div a {
background:#888;display:none;float:left;width:300px;
}
</style>
<script type='text/javascript'>
$(document).ready(function(){
// alert("给所有目录添加click 事件");
$(".has_children").click(function(){
$(this).addClass('highligt') //为当前元素添加highligt类。
.children("a").show().end() //将子节点的<a>元素显示出来。并且重新定位到上次操作的元素
.siblings().removeClass("highligt") //获取同级的元素。(或兄弟元素),并且去掉他们highligt类
.children("a").hide(); //将同级的元素,兄弟元素下的<a> 元素隐藏
});
});
</script>
</head>
<body>
<div id='menu'>
<div class='has_children'>
<span>第一章 认识Jquery</span>
<a>1.1 Javascript 和 Javascript库</a>
<a>1.2 加入Jquery</a>
<a>1.3 编写简单的Jquery 代码</a>
<a>1.4 Jquery对象 和 Dom对象</a>
<a>1.5 解决Jquery 和其他库的冲突</a>
<a>1.6 Jquery 开发工具和插件</a>
<a>1.7 小结</a>
</div>
<div class='has_children'>
<span>第二章 Jquery选择器</span>
<a>2.1 Jquery 选择器是什么?</a>
<a>2.2 Jquery 选择器的优势?</a>
<a>2.3 Jquery 选择器</a>
<a>2.4 应用Jquery改写实例</a>
<a>2.5 选择器中的一些注意事项</a>
<a>2.6 案例研究————类似淘宝品牌列表的效果</a>
<a>2.7 还有其他选择器吗?</a>
<a>2.8 小结</a>
</div>
<div class='has_children'>
<span>第三章 Jquery中的DOM操作</span>
<a>3.1 DOM的操作分类</a>
<a>3.2 Jquery 中的DOM操作</a>
<a>3.3 案例研究————某网站的超链接和图片效果</a>
<a>3.4 小结</a>
</div>
</div>
</body>
</html>
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无疯狂Jquery第一天(Jquery学习笔记)的评论...
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?