需要准备的材料分别有：电脑、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()可以定位到当前元素的父元素