初识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 相关文章推荐
javascript实现避免页面按钮重复提交
Jan 08 Javascript
Jquery实现textarea根据文本内容自适应高度
Apr 03 Javascript
jQuery插件jPaginate实现无刷新分页
May 04 Javascript
js如何实现淡入淡出效果
Nov 18 Javascript
JavaScript中原型链存在的问题解析
Sep 25 Javascript
JS实现全屏的四种写法
Dec 30 Javascript
JavaScript原生数组Array常用方法
Apr 06 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
Jul 06 Javascript
vue生命周期和react生命周期对比【推荐】
Sep 19 Javascript
使用typescript构建Vue应用的实现
Aug 26 Javascript
Vue 实现创建全局组件,并且使用Vue.use() 载入方式
Aug 11 Javascript
JavaScript继承的三种方法实例
May 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
深入理解ob_flush和flush的区别(ob_flush()与flush()使用方法)
2013/02/06 PHP
PHP自定义大小验证码的方法详解
2013/06/07 PHP
php实现插入排序
2015/03/29 PHP
全面解读PHP的人气开发框架Laravel
2015/10/15 PHP
PHP简单数据库操作类实例【支持增删改查及链式操作】
2016/10/10 PHP
php源码之将图片转化为data/base64数据流实例详解
2016/11/27 PHP
php mysql实现mysql_select_db选择数据库
2016/12/30 PHP
JavaScript延迟加载
2021/03/09 Javascript
父窗口获取弹出子窗口文本框的值
2006/06/27 Javascript
window.open的功能全解析
2006/10/10 Javascript
JavaScript脚本语言在网页中的简单应用
2007/05/13 Javascript
javascript 写类方式之三
2009/07/05 Javascript
IE与firefox下Dhtml的一些区别小结
2009/12/02 Javascript
实现点击列表弹出列表索引的两种方式
2013/03/08 Javascript
jQuery 动态云标签插件
2014/11/11 Javascript
浅析javascript的return语句
2015/12/15 Javascript
JS实现颜色动态淡化效果
2017/03/06 Javascript
微信小程序实现手势图案锁屏功能
2018/01/30 Javascript
JavaScript中的函数申明、函数表达式、箭头函数
2019/12/06 Javascript
Vue中多元素过渡特效的解决方案
2020/02/05 Javascript
js实现单元格拖拽效果
2020/02/10 Javascript
使用vue3重构拼图游戏的实现示例
2021/01/25 Vue.js
[01:46]新英雄登场
2019/09/10 DOTA
在Python中处理字符串之isdigit()方法的使用
2015/05/18 Python
python中列表和元组的区别
2017/12/18 Python
Python可变参数*args和**kwargs用法实例小结
2018/04/27 Python
详解django+django-celery+celery的整合实战
2019/03/19 Python
英国虚拟主机服务商:eUKhost
2016/08/16 全球购物
JINS眼镜官方网站:日本最大的眼镜邮购
2016/10/14 全球购物
C#的几个面试问题
2016/05/22 面试题
计算机专业个人简短的自我评价
2013/10/23 职场文书
如何写一份好的英文求职信
2014/03/19 职场文书
梅花魂教学反思
2014/04/25 职场文书
加入学生会自荐书
2015/03/05 职场文书
预备党员群众意见
2015/06/01 职场文书
2016重阳节红领巾广播稿
2015/12/18 职场文书