关于jqueryschool的信息
jquery怎么将一个对象中的某部分替换为其他的,被替换中有需要改变的数据,变量。
你再添加一个DIV后.就是多个了.
用jquery的each方法. 分别取这两个DIV的内容(学校,专业,时间,学历)就可以啊
Jquery怎么将一个object对象转换成json字符串
jQuery stringify()函数是用于将 object对象转换为json
jQuery parseJSON()函数是用于将?json转换为object对象
var str = {"name":"Joce", "age":"20","school":"Beijing University"};
str_json= JSON.stringify(str);//object对象转换为json
alert("pre" + str_json + "/pre" );
jquery如何获得input中的class值
工具/材料:电脑、jquery软件
1、首先,打开电脑桌面上的jquery图标,打开软件,新建一个HTML文档,指定input元素的ID。
2、编写JS脚本,根据ID选择元素。
3、使用.val()方法获取被选元素的value值。
4、以弹窗形式显示获取的input值。
5、保存文件,在浏览器查看结果即可。
介绍几个学习jquery的比较好的入门教程,html和div,我的个人邮箱是vevb@163.com,~ 谢谢
这个网站自学HTML和DIV的,初学者可以也可以看!
这个网站是学习jquery的网站,不过建议先学习下javascript,有了基础学习jquery就很简单了
这个是学习javascript的教程网站
网上的教程基本上都差不多的,多花点时间练习代码就能掌握好的!
jquery实现二级菜单时,点击一级菜单,二级菜单滑出一下就又消失了
jquery实现由一级导航菜单到二级滑动显示效果,并点击增加背景变化效果,代码挺简单的,但是也效果也很好,是非常实用的,也是很流行的菜单样式
html:
div class="webSchoolL" id="webSchoolL"
ul class="leftTab" id="leftMeau"
li class="listL01"1/li
li
a href="#nogo"2/a
ul class="navUl"
lia href="#nogo"22/a/li
lia href="#nogo" class="curButA"22/a/li
lia href="#nogo"22/a/li
lia href="#nogo"22/a/li
/ul
/li
li
a href="#nogo"3/a
ul class="navUl"
lia href="#nogo"33/a/li
lia href="#nogo" class="curButA"33/a/li
lia href="#nogo"33/a/li
lia href="#nogo"33/a/li
/ul
/li
li
a href="#nogo"4/a
ul class="navUl"
lia href="#nogo"44/a/li
lia href="#nogo" class="curButA"44/a/li
lia href="#nogo"44/a/li
lia href="#nogo"44/a/li
/ul
/li
li
a href="#nogo"5/a
ul class="navUl"
lia href="#nogo"55/a/li
lia href="#nogo" class="curButA"55/a/li
lia href="#nogo"55/a/li
lia href="#nogo"55/a/li
/ul
/li
li
a href="#nogo" class="curButA"6/a
ul class="navUl" style="display:block;"
lia href="#nogo"66/a/li
lia href="#nogo" class="curButA"66/a/li
lia href="#nogo"66/a/li
lia href="#nogo"66/a/li
/ul
/li
li
a href="#nogo"7/a
ul class="navUl"
lia href="#nogo"77/a/li
lia href="#nogo" class="curButA"77/a/li
lia href="#nogo"77/a/li
lia href="#nogo"77/a/li
/ul
/li
li
a href="#nogo"8/a
ul class="navUl"
lia href="#nogo"88/a/li
lia href="#nogo" class="curButA"88/a/li
lia href="#nogo"88/a/li
lia href="#nogo"88/a/li
/ul
/li
li
a href="#nogo"9/a
ul class="navUl"
lia href="#nogo"99/a/li
lia href="#nogo" class="curButA"99/a/li
lia href="#nogo"99/a/li
lia href="#nogo"99/a/li
/ul
/li
/ul
/div
2
css:
.webSchoolL{ width:200px; height:460px; background:#ececec;}
ul.leftTab{ display:block; width:185px; border:1px solid #d0d0d0; margin:8px 0 0 7px; float:left; display:inline; background:#fff;}
ul.leftTab li{ width:179px; text-align:left; margin:5px 3px; float:left; display:inline;}
ul.leftTab li a{height:28px; width:179px; display:block; background:url(../images/meaulibg.png) no-repeat;line-height:28px;text-indent:47px; font-size:14px; font-weight:bold; color:#000;}
ul.leftTab li a:hover,ul.leftTab .curButA{background:url(../images/meaulicur.png) no-repeat; color:#fff; font-weight:bold; text-decoration:none;}
ul.leftTab .listL01{ height:32px; width:187px; background:url(../images/listL01.gif) no-repeat; margin:0 auto 3px auto; font-size:14px; font-weight:bold; color:#ffffff; text-indent:32px; margin:0px 0 0 -1px;line-height:32px;}
ul.leftTab li ul.navUl { display:none;border-left:1px solid #3fb4e8;border-right:1px solid #3fb4e8;border-bottom:1px solid #3fb4e8;}
ul.leftTab li ul.navUl li { float:none;margin:0px;}
ul.leftTab li ul.navUl li a { _width:177px;background:none; font-size:12px; font-weight:normal; color:#333;}
ul.leftTab li ul.navUl li a.curButA, ul.leftTab li ul.navUl li a:hover { background:url(../images/meaunavcur.png) no-repeat 18px 0px;color:#000;font-weight:normal;}
3
js:$(function(){//导航特效
$("#leftMeau li:has(ul) a").click(function(){
$(this).addClass("curButA");
$(this).siblings().slideDown();
$(this).parent().siblings().find("a").removeClass("curButA");
$(this).parent().siblings().find("ul").slideUp();
});
})
4
效果如图所示
(此图看不出滑动效果,但实际效果确实是滑动效果)
END
注意事项
此方法简单灵活,拿来就可以应用,应用修改时请注意三种样式一起修改,避免代码无用
另外应用时记得把jquery类库引到页面中来,否则无效果