欢迎来到天天文库
浏览记录
ID:46865449
大小:63.50 KB
页数:8页
时间:2019-11-28
《Jquery的学习基础》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、Jquery的学习练习从基础开始结合事件的小练习属性选择器标签选择器id选择器类选择器基本过滤选择器Demol<%@pagelanguage=ffjc7vanimporHjava.utiL•*"pageEncoding="ISO-8859-1"%>
2、tp-equiv=ucache-controLncontent二Fo-cache"〉3、./js/jquery-3.0.0.jsnx/script>ThisisaheadingThisisaparagraph・Thisisanotherparagraph・ClickmeDemo4、2<%@pagelanguage="jaua"import=''java.utiL・*pageEncoding=nutf-8"%>MyJSP'jquerydemo.jsp*startingpage5、uiv=^expiresucontent=n0,f>-->6、vascript">$(document)・ready(function(){//点击strong标签选择器设置字体颜色的样式$("strong")・click(function(){$(,,strong,,).attr(,,style,,/,color:#00FF99n);//设置strong标签的颜右属性});〃点击tags带有类的属性值后代选择器里面的内容加粗$(".tags").click(function(){$(".tagsfont"J.cssC'font-weight"/,boldH);});//标签选择器点击事件$(“input”)・click(functi7、on(){〃使用属性选择器$(,,[alt=*收藏alert("您已收藏成功!");});〃为ul设置样式$(,,ul,,).css(,,list-style,,/,noneu);//点击hl的事件$(nhl").click(function(){$(,,.tt,,).css({,,font-size,':"UpK"/'font-weight":"bold^'^ine-height,,:,,24pxH});$(”・tt”)・addClassC^myol'*);$(”#myoL')・hide();});$(Hh2n)
3、./js/jquery-3.0.0.jsnx/script>ThisisaheadingThisisaparagraph・Thisisanotherparagraph・ClickmeDemo
Thisisaparagraph・
Thisisanotherparagraph・
4、2<%@pagelanguage="jaua"import=''java.utiL・*pageEncoding=nutf-8"%>
5、uiv=^expiresucontent=n0,f>-->6、vascript">$(document)・ready(function(){//点击strong标签选择器设置字体颜色的样式$("strong")・click(function(){$(,,strong,,).attr(,,style,,/,color:#00FF99n);//设置strong标签的颜右属性});〃点击tags带有类的属性值后代选择器里面的内容加粗$(".tags").click(function(){$(".tagsfont"J.cssC'font-weight"/,boldH);});//标签选择器点击事件$(“input”)・click(functi7、on(){〃使用属性选择器$(,,[alt=*收藏alert("您已收藏成功!");});〃为ul设置样式$(,,ul,,).css(,,list-style,,/,noneu);//点击hl的事件$(nhl").click(function(){$(,,.tt,,).css({,,font-size,':"UpK"/'font-weight":"bold^'^ine-height,,:,,24pxH});$(”・tt”)・addClassC^myol'*);$(”#myoL')・hide();});$(Hh2n)
6、vascript">$(document)・ready(function(){//点击strong标签选择器设置字体颜色的样式$("strong")・click(function(){$(,,strong,,).attr(,,style,,/,color:#00FF99n);//设置strong标签的颜右属性});〃点击tags带有类的属性值后代选择器里面的内容加粗$(".tags").click(function(){$(".tagsfont"J.cssC'font-weight"/,boldH);});//标签选择器点击事件$(“input”)・click(functi
7、on(){〃使用属性选择器$(,,[alt=*收藏alert("您已收藏成功!");});〃为ul设置样式$(,,ul,,).css(,,list-style,,/,noneu);//点击hl的事件$(nhl").click(function(){$(,,.tt,,).css({,,font-size,':"UpK"/'font-weight":"bold^'^ine-height,,:,,24pxH});$(”・tt”)・addClassC^myol'*);$(”#myoL')・hide();});$(Hh2n)
此文档下载收益归作者所有