初识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 setInterval与setTimeout(定时执行与循环执行)的代码(可以传入参数)
Jun 11 Javascript
Web开发者必备的12款超赞jQuery插件
Dec 03 Javascript
jQuery中的.bind()、.live()和.delegate()之间区别分析
Jun 08 Javascript
Jquery:ajax实现翻页无刷新功能代码
Aug 05 Javascript
js判读浏览器是否支持html5的canvas的代码
Nov 18 Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
Aug 17 Javascript
JavaScript设计模式经典之工厂模式
Feb 24 Javascript
两种方法解决javascript url post 特殊字符转义 + &amp; #
Apr 13 Javascript
IE8兼容Jquery.validate.js的问题
Dec 01 Javascript
如何理解Vue的作用域插槽的实现原理
Aug 19 Javascript
JS实现根据指定值删除数组中的元素操作示例
Aug 02 Javascript
Vue2.0 实现歌手列表滚动及右侧快速入口功能
Aug 08 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
最简单的PHP程序--记数器
2006/10/09 PHP
PHP注释语法规范与命名规范详解篇
2018/01/21 PHP
document对象execCommand的command参数介绍
2006/08/01 Javascript
javascript获取当前ip的代码
2009/05/10 Javascript
jquery 双色表格实现代码
2009/12/08 Javascript
javascript中数组中求最大值示例代码
2013/12/18 Javascript
javascript实现des解密加密全过程
2014/04/03 Javascript
JS实现根据当前文字选择返回被选中的文字
2014/05/21 Javascript
jquery转盘抽奖功能实现
2015/11/13 Javascript
理解js对象继承的N种模式
2016/01/25 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
2016/02/23 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
2016/04/18 Javascript
深入理解选择框脚本[推荐]
2016/12/13 Javascript
js实现背景图自适应窗口大小
2017/01/10 Javascript
原生js开发的日历插件
2017/02/04 Javascript
webpack2.0搭建前端项目的教程详解
2017/04/05 Javascript
解决Vue页面固定滚动位置的处理办法
2017/07/13 Javascript
angularjs实现分页和搜索功能
2018/01/03 Javascript
微信jssdk逻辑在vue中的运用详解
2018/11/14 Javascript
浅析我对JS延迟异步脚本的思考
2020/10/12 Javascript
解决vue页面刷新,数据丢失的问题
2020/11/24 Vue.js
Python selenium 三种等待方式详解(必会)
2016/09/15 Python
Python 正则表达式入门(初级篇)
2016/12/07 Python
Python实现微信自动好友验证,自动回复,发送群聊链接方法
2019/02/21 Python
python中执行smtplib失败的处理方法
2020/07/01 Python
Python定义一个Actor任务
2020/07/29 Python
利用canvas实现图片下载功能来实现浏览器兼容问题
2019/05/31 HTML / CSS
西班牙最大的婴儿用品网上商店:Bebitus
2019/05/30 全球购物
工厂实习感言
2014/01/14 职场文书
项目合作协议书
2014/09/23 职场文书
布达拉宫的导游词
2015/02/02 职场文书
通知函格式范文
2015/04/27 职场文书
摩登时代观后感
2015/06/03 职场文书
高中政治教学反思
2016/02/23 职场文书
python基于scrapy爬取京东笔记本电脑数据并进行简单处理和分析
2021/04/14 Python
JavaGUI模仿QQ聊天功能完整版
2021/07/04 Java/Android