扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
需要准备的材料分别有:电脑、html编辑器、浏览器。
目前成都创新互联已为上千余家的企业提供了网站建设、域名、网页空间、网站运营、企业网站设计、岫岩网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:$('input').css('width', '250px');。
3、浏览器运行index.html页面,此时输入框的css样式的宽度被成功设置250px。
一共三步,具体如下:
1、HTML结构:设计三个li元素ul id="test"、 liGlen/li、liTane/li、liJohn/li、/ul。
2、css样式:设计一个类selected,表示选中后的效果style .selected{font-weight:bold; background: #ff99cc; color:#fff;}/style。
3、jquery代码:$(function(){$("#test li").click(function() $(this).siblings('li').removeClass('selected'); // 删除其他兄弟元素 $(this).addClass('selected'); // 添加当前元素的样式 });
1、removeClass()定义和用法:removeClass() 方法从被选元素移除一个或多个类。如果没有规定参数,则该方法将从被选元素中删除所有类。
2、addClass()定义和用法:addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。如需添加多个类,请使用空格分隔类名。
jQuery 使用addClass()与removeClass()来动态的添加或移出一个css 类,例如:
1.$(“#para1”).addClass('highlight');添加一个“highlight”css 类给id为para1的元素。
2.$(‘#para1’).removeClass(‘'highlight');从id为para1的元素中移出一个‘highlight’css类。
var my_li = $('li');
if(my_li.hasClass("on")) {
my_li.parent().addClass("active")
}
用hasClass()方法来是否含有某个类
用parent()可以定位到当前元素的父元素
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流