初识JQuery 实例一(first)


Posted in Javascript onMarch 16, 2011

完整代码:

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css"> 
.highlight 
{ 
background-color: yellow; 
} 
.gray 
{ 
background-color: Gray; 
} 
</style> 
<script src="http://code.jquery.com/jquery-1.5.js"></script> 
</head> 
<body> 
<ul> 
<li>Look:</li> 
<li>This is some text in a paragraph.</li> 
<li>This is a note about it.</li> 
</ul> 
<script type="text/javascript"> 
$("ul li").first().addClass('highlight'); 
jQuery("ul li").first().next().addClass('gray'); 
</script> 
</body> 
</html>
Javascript 相关文章推荐
js刷新框架子页面的七种方法代码
Nov 20 Javascript
文本框只能选择数据到文本框禁止手动输入
Nov 22 Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
Dec 11 Javascript
javascript设计模式Constructor(构造器)模式
Aug 19 Javascript
js print打印网页指定区域内容的简单实例
Nov 01 Javascript
微信小程序 后台登录(非微信账号)实例详解
Mar 31 Javascript
ionic实现下拉刷新载入数据功能
May 11 Javascript
Vue2.0父子组件传递函数的教程详解
Oct 16 Javascript
Element Table的row-class-name无效与动态高亮显示选中行背景色
Nov 30 Javascript
JS拖拽排序插件Sortable.js用法实例分析
Feb 20 Javascript
js实现无缝轮播图特效
May 09 Javascript
查找Vue中下标的操作(some和findindex)
Aug 12 Javascript
扩展jquery实现客户端表格的分页、排序功能代码
Mar 16 #Javascript
基于Jquery的仿照flash放大图片效果代码
Mar 16 #Javascript
jQuery前台数据获取实现代码
Mar 16 #Javascript
最短的IE判断代码
Mar 13 #Javascript
javascript模拟的Ping效果代码 (Web Ping)
Mar 13 #Javascript
js中巧用cssText属性批量操作样式
Mar 13 #Javascript
js中获取事件对象的方法小结
Mar 13 #Javascript
You might like
使用eAccelerator加密PHP程序
2008/10/03 PHP
基于PHPExcel的常用方法总结
2013/06/13 PHP
PHP+shell实现多线程的方法
2015/07/01 PHP
ThinkPHP使用Ueditor的方法详解
2016/05/20 PHP
php实现当前页面点击下载文件的实例代码
2016/11/16 PHP
php实现网页上一页下一页翻页过程详解
2019/06/28 PHP
php实现JWT验证的实例教程
2020/11/26 PHP
地震发生中逃生十大法则
2008/05/12 Javascript
整理一些JavaScript的IE和火狐的兼容性注意事项
2011/03/17 Javascript
两种方法实现文本框输入内容提示消失
2013/03/17 Javascript
javascript 表格内容排序 简单操作示例代码
2014/01/03 Javascript
jQuery+easyui中的combobox实现下拉框特效
2015/02/27 Javascript
JS基于Mootools实现的个性菜单效果代码
2015/10/21 Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
2017/04/17 jQuery
JS实现基于拖拽改变物体大小的方法
2018/01/23 Javascript
js+css3实现炫酷时钟
2020/08/18 Javascript
python修改注册表终止360进程实例
2014/10/13 Python
Java及python正则表达式详解
2017/12/27 Python
mac安装scrapy并创建项目的实例讲解
2018/06/13 Python
Python 实现Windows开机运行某软件的方法
2018/10/14 Python
利用Python求阴影部分的面积实例代码
2018/12/05 Python
新年快乐! python实现绚烂的烟花绽放效果
2019/01/30 Python
Python如何应用cx_Oracle获取oracle中的clob字段问题
2019/08/27 Python
python爬虫开发之Beautiful Soup模块从安装到详细使用方法与实例
2020/03/09 Python
python 链接sqlserver 写接口实例
2020/03/11 Python
基于python3.7利用Motor来异步读写Mongodb提高效率(推荐)
2020/04/29 Python
matplotlib教程——强大的python作图工具库
2020/10/15 Python
香港现代设计家具品牌:Ziinlife Furniture
2018/11/13 全球购物
Auguste The Label官网:澳大利亚一家精品女装时尚品牌
2020/06/14 全球购物
生物化工专业个人自荐信
2013/09/26 职场文书
会议主持词
2014/03/17 职场文书
英文道歉信
2015/01/20 职场文书
硕士论文致谢范文
2015/05/14 职场文书
导游词之吉林花园山
2019/10/17 职场文书
Logback 使用TurboFilter实现日志级别等内容的动态修改操作
2021/08/30 Java/Android
MySQL 逻辑备份 into outfile
2022/05/15 MySQL