你的浏览器禁用了JavaScript, 请开启后刷新浏览器获得更好的体验!
发表了文章 o 0 个评论 o 3 次浏览 o 3 小时前
o 来自相关话题
js-jq-0813
$(&#ol li&).mousedown(function () {
$(&#ol li&).css({&background&: &black&, &color&: &white&});
$(&#d div div&).hide();//
$(this).css({&background&: &white&, &color&: &black&});
alert($(this).text());
$(&#d div div&).eq($(this).val()).fadeIn(500);
必须用前两句在点击之前把样式重置，否则点击一次之后。不会在执行。
-------------------------------------------------------------------------
cursorpointer
-----------------------------
add.class()
并不能改变类
需要和removedclass（）一起使用
js-jq-0813
$(&#ol li&).mousedown(function () {
$(&#ol li&).css({&background&: &black&, &color&: &white&});
$(&#d div div&).hide();//
$(this).css({&background&: &white&, &color&: &black&});
alert($(this).text());
$(&#d div div&).eq($(this).val()).fadeIn(500);
必须用前两句在点击之前把样式重置，否则点击一次之后。不会在执行。
-------------------------------------------------------------------------
cursorpointer
-----------------------------
add.class()
并不能改变类
需要和removedclass（）一起使用
发表了文章 o 0 个评论 o 3 次浏览 o 4 小时前
o 来自相关话题
今天学到了一个新的技巧，真心感谢无敌的Chrome（谷歌）浏览器，假如你要想看看一个网站的css样式啥的，在开发者工具里可以找到，什么字体颜色，图的颜色，各种margin，都可以获得，再把图片下再下来，yongPS提取一下颜色，CSS样式反正不用太担心，这样就只剩下兼容各种浏览器和平台了。。
今天学到了一个新的技巧，真心感谢无敌的Chrome（谷歌）浏览器，假如你要想看看一个网站的css样式啥的，在开发者工具里可以找到，什么字体颜色，图的颜色，各种margin，都可以获得，再把图片下再下来，yongPS提取一下颜色，CSS样式反正不用太担心，这样就只剩下兼容各种浏览器和平台了。。
发表了文章 o 0 个评论 o 6 次浏览 o 6 小时前
o 来自相关话题
利用CSS3制作淡入淡出动画效果
CSS3新增动画属性“@-webkit-keyframes”，从字面就可以看出其含义——关键帧，这与Flash中的含义一致。
利用CSS3制作动画效果其原理与Flash一样，我们需要定义关键帧处的状态效果，由CSS3来驱动产生动画效果。
下面讲解一下如何利用CSS3制作淡入淡出的动画效果。具体实例可参考刚进入本站时的淡入效果。
1. 定义动画，名称为fadeIn
@-webkit-keyframes fadeIn {
0% { opacity: 0; /*初始状态 透明度为0*/ }
50% { opacity: 0; /*中间状态 透明度为0*/ }
100% { opacity: 1; /*结尾状态 透明度为1*/ } }
在ID或类中增加如下的动画代码
-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 3s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/}
通过上面的代码即可实现淡入淡出的动画效果，代码具体的含义已在注释中注明。
利用CSS3制作淡入淡出动画效果
CSS3新增动画属性“@-webkit-keyframes”，从字面就可以看出其含义——关键帧，这与Flash中的含义一致。
利用CSS3制作动画效果其原理与Flash一样，我们需要定义关键帧处的状态效果，由CSS3来驱动产生动画效果。
下面讲解一下如何利用CSS3制作淡入淡出的动画效果。具体实例可参考刚进入本站时的淡入效果。
1. 定义动画，名称为fadeIn
@-webkit-keyframes fadeIn {
0% { opacity: 0; /*初始状态 透明度为0*/ }
50% { opacity: 0; /*中间状态 透明度为0*/ }
100% { opacity: 1; /*结尾状态 透明度为1*/ } }
在ID或类中增加如下的动画代码
-webkit-animation-name: fadeIn; /*动画名称*/
-webkit-animation-duration: 3s; /*动画持续时间*/
-webkit-animation-iteration-count: 1; /*动画次数*/
-webkit-animation-delay: 0s; /*延迟时间*/}
通过上面的代码即可实现淡入淡出的动画效果，代码具体的含义已在注释中注明。
发表了文章 o 0 个评论 o 6 次浏览 o 1 天前
o 来自相关话题
今天讲解了jQuery的方法，包括$.noConflict()，可以修改jQuery的$符为其他代表符号；捕获和设置：text(),html(),val(),attr(),prop()等；添加删除元素：创建：$(&&p&&/p&&)等；添加：prepend(),append(),before(),after(),appendTo(),insertAfter();删除 remove(),empty();获取并设置css类：addClass();removeClass();toggleClass();尺寸：width(),innerWidth(),outerWidth(),outerWidth(true);遍历：遍历：parent();parents();parentsUntil();后代：children();find();同胞：过滤：first(),last(),eq(),add(),filter(),not()...
感觉确实比js简单很多，要认真学习。
今天讲解了jQuery的方法，包括$.noConflict()，可以修改jQuery的$符为其他代表符号；捕获和设置：text(),html(),val(),attr(),prop()等；添加删除元素：创建：$(&&p&&/p&&)等；添加：prepend(),append(),before(),after(),appendTo(),insertAfter();删除 remove(),empty();获取并设置css类：addClass();removeClass();toggleClass();尺寸：width(),innerWidth(),outerWidth(),outerWidth(true);遍历：遍历：parent();parents();parentsUntil();后代：children();find();同胞：过滤：first(),last(),eq(),add(),filter(),not()...
感觉确实比js简单很多，要认真学习。
发表了文章 o 0 个评论 o 5 次浏览 o 1 天前
o 来自相关话题
今天继续学习了jquery，感觉就是听混乱的，尤其是和js之间的切换，每句话都需要仔细思考。做作业的时候不断出错，一直调试，应该多练习就好了。
今天主要讲了jquery捕获、jquery设置、jquery添加元素、jquery删除元素、jquery获取并设置 CSS 类、jQuery 尺寸、Query - 遍历、 jQuery - 后代、同胞、过滤。收获挺大。
今天继续学习了jquery，感觉就是听混乱的，尤其是和js之间的切换，每句话都需要仔细思考。做作业的时候不断出错，一直调试，应该多练习就好了。
今天主要讲了jquery捕获、jquery设置、jquery添加元素、jquery删除元素、jquery获取并设置 CSS 类、jQuery 尺寸、Query - 遍历、 jQuery - 后代、同胞、过滤。收获挺大。
发表了文章 o 0 个评论 o 6 次浏览 o 1 天前
o 来自相关话题
今天讲了有关jQuery的好多功能，jq捕获、jq设置、jq添加元素、jq删除元素、jq获取并设置css类、jq尺寸、jq遍历、jq后代、jq同胞、jq过滤
等功能。讲的内容很多，一时间还不能接受，以后有时间都自己亲手试一遍，好多东西都记不住。自己基础差，学习感觉很难。但难也要学下去，因为选择了这个，再难也要走下去。
今天讲了有关jQuery的好多功能，jq捕获、jq设置、jq添加元素、jq删除元素、jq获取并设置css类、jq尺寸、jq遍历、jq后代、jq同胞、jq过滤
等功能。讲的内容很多，一时间还不能接受，以后有时间都自己亲手试一遍，好多东西都记不住。自己基础差，学习感觉很难。但难也要学下去，因为选择了这个，再难也要走下去。
发表了文章 o 0 个评论 o 6 次浏览 o 1 天前
o 来自相关话题
获得内容 - text()、html() 以及 val()
三个简单实用的用于 DOM 操作的 jQuery 方法：
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容：
$(&#btn1&).click(function(){
alert(&Text: & + $(&#test&).text());
$(&#btn2&).click(function(){
alert(&HTML: & + $(&#test&).html());
下面的例子演示如何通过 jQuery val() 方法获得输入字段的值：
$(&#btn1&).click(function(){
alert(&值为: & + $(&#test&).val());
获取属性 - attr()，jQuery attr() 方法用于获取属性值。
下面的例子演示如何获得链接中 href 属性的值：
$(&button&).click(function(){
alert($(&#runoob&).attr(&href&));
jQuery - 设置内容和属性
设置内容 - text()、html() 以及 val()
我们将使用前一章中的三个相同的方法来设置内容：
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容：
$(&#btn1&).click(function(){
$(&#test1&).text(&Hello world!&);
$(&#btn2&).click(function(){
$(&#test2&).html(&&b&Hello world!&/b&&);
$(&#btn3&).click(function(){
$(&#test3&).val(&RUNOOB&);
text()、html() 以及 val() 的回调函数
上面的三个 jQuery 方法：text()、html() 以及 val()，同样拥有回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。
下面的例子演示带有回调函数的 text() 和 html()：
$(&#btn1&).click(function(){
$(&#test1&).text(function(i,origText){
return &旧文本: & + origText + & 新文本: Hello world! (index: & + i + &)&;
$(&#btn2&).click(function(){
$(&#test2&).html(function(i,origText){
return &旧 html: & + origText + & 新 html: Hello &b&world!&/b& (index: & + i + &)&;
设置属性 - attr()
jQuery attr() 方法也用于设置/改变属性值。
下面的例子演示如何改变（设置）链接中 href 属性的值：
$(&button&).click(function(){
$(&#runoob&).attr(&href&,&/jquery&);
attr() 方法也允许您同时设置多个属性。
下面的例子演示如何同时设置 href 和 title 属性：
$(&button&).click(function(){
$(&#runoob&).attr({
&href& : &/jquery&,
&title& : &jQuery 教程&
attr() 的回调函数
jQuery 方法 attr()，也提供回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。
下面的例子演示带有回调函数的 attr() 方法：
$(&button&).click(function(){
$(&#runoob&).attr(&href&, function(i,origValue){
return origValue + &/jquery&;
获得内容 - text()、html() 以及 val()
三个简单实用的用于 DOM 操作的 jQuery 方法：
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容：
$(&#btn1&).click(function(){
alert(&Text: & + $(&#test&).text());
$(&#btn2&).click(function(){
alert(&HTML: & + $(&#test&).html());
下面的例子演示如何通过 jQuery val() 方法获得输入字段的值：
$(&#btn1&).click(function(){
alert(&值为: & + $(&#test&).val());
获取属性 - attr()，jQuery attr() 方法用于获取属性值。
下面的例子演示如何获得链接中 href 属性的值：
$(&button&).click(function(){
alert($(&#runoob&).attr(&href&));
jQuery - 设置内容和属性
设置内容 - text()、html() 以及 val()
我们将使用前一章中的三个相同的方法来设置内容：
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值
下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容：
$(&#btn1&).click(function(){
$(&#test1&).text(&Hello world!&);
$(&#btn2&).click(function(){
$(&#test2&).html(&&b&Hello world!&/b&&);
$(&#btn3&).click(function(){
$(&#test3&).val(&RUNOOB&);
text()、html() 以及 val() 的回调函数
上面的三个 jQuery 方法：text()、html() 以及 val()，同样拥有回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。
下面的例子演示带有回调函数的 text() 和 html()：
$(&#btn1&).click(function(){
$(&#test1&).text(function(i,origText){
return &旧文本: & + origText + & 新文本: Hello world! (index: & + i + &)&;
$(&#btn2&).click(function(){
$(&#test2&).html(function(i,origText){
return &旧 html: & + origText + & 新 html: Hello &b&world!&/b& (index: & + i + &)&;
设置属性 - attr()
jQuery attr() 方法也用于设置/改变属性值。
下面的例子演示如何改变（设置）链接中 href 属性的值：
$(&button&).click(function(){
$(&#runoob&).attr(&href&,&;);
attr() 方法也允许您同时设置多个属性。
下面的例子演示如何同时设置 href 和 title 属性：
$(&button&).click(function(){
$(&#runoob&).attr({
&href& : &,
&title& : &jQuery 教程&
attr() 的回调函数
jQuery 方法 attr()，也提供回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。
下面的例子演示带有回调函数的 attr() 方法：
$(&button&).click(function(){
$(&#runoob&).attr(&href&, function(i,origValue){
return origValue + &/jquery&;
发表了文章 o 0 个评论 o 5 次浏览 o 1 天前
o 来自相关话题
今天是接触jq的第二天，第一讲到了jq的捕获： 三个简单实用的用于 DOM 操作的 jQuery
方法： text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（
包括 HTML 标记） val() - 设置或返回表单字段的值 在jq中添加和删除元素 append() -
在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元
素之后插入内容 before() - 在被选元素之前插入内容 删除 remove() empty() jQuery 提
供多个处理尺寸的重要方法： width() height() innerWidth() innerHeight()
outerWidth() outerHeight() 重点的还是jq得遍历和一大堆的过滤方法，， detach()删除
元素但保留数据和事件处理事件 3.克隆：.clone(true).appendTo()参数为是否复制事件处
理事件 三 获取并设置css 总结见下篇,$(&div&).addClass(blue)//blue是一个css类
$(&div&).removeClass(blue)//blue是一个css类
$(&div&).toggleClass
(blue)//blue是一个css类
今天是接触jq的第二天，第一讲到了jq的捕获： 三个简单实用的用于 DOM 操作的 jQuery
方法： text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（
包括 HTML 标记） val() - 设置或返回表单字段的值 在jq中添加和删除元素 append() -
在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元
素之后插入内容 before() - 在被选元素之前插入内容 删除 remove() empty() jQuery 提
供多个处理尺寸的重要方法： width() height() innerWidth() innerHeight()
outerWidth() outerHeight() 重点的还是jq得遍历和一大堆的过滤方法，， detach()删除
元素但保留数据和事件处理事件 3.克隆：.clone(true).appendTo()参数为是否复制事件处
理事件 三 获取并设置css 总结见下篇,$(&div&).addClass(blue)//blue是一个css类
$(&div&).removeClass(blue)//blue是一个css类
$(&div&).toggleClass
(blue)//blue是一个css类
发表了文章 o 0 个评论 o 7 次浏览 o 1 天前
o 来自相关话题
今天先讲了jq的捕获：text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 ，然后讲了添加html元素，append(),prepend(),before(),after()等，然后讲获取css属性，还有用方法选择标签。。。内容很多，然而我还没有练习，—_—||。。
今天先讲了jq的捕获：text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容（包括 HTML 标记） val() - 设置或返回表单字段的值 ，然后讲了添加html元素，append(),prepend(),before(),after()等，然后讲获取css属性，还有用方法选择标签。。。内容很多，然而我还没有练习，—_—||。。
发表了文章 o 0 个评论 o 5 次浏览 o 1 天前
o 来自相关话题
今天学习了JQ的一些事件，和各种·，，，，一个一个的试，很烦，记不住，多练习吧
今天学习了JQ的一些事件，和各种·，，，，一个一个的试，很烦，记不住，多练习吧
57 个问题, 3 人关注
11 个问题, 6 人关注
157 个问题, 5 人关注
42 个问题, 10 人关注
1 个问题, 3 次赞同
7 个问题, 13 次赞同
1 个问题, 5 次赞同
1 个问题, 30 次赞同
0 个问题, 1 次赞同我想学习html5，最好是视频教学的哪里有？_百度知道
我想学习html5，最好是视频教学的哪里有？
提问者采纳
这是一个垂直的互联网IT技能免费学习网站 。网站所有课程有视频学习课程以及在线编程学习课程。我在这里学习了两天你好，你还是去慕课网看看吧，感觉这里的师资力量特别好，在这里你可以真正的学到知识
提问者评价
谢谢你的回答，我现在就去慕课网看看。
采纳率100%
其他类似问题
为您推荐：
您可能关注的推广
html5的相关知识
其他1条回答
兄弟连里面的课程全免费！
下载知道APP
随时随地咨询
出门在外也不愁HTML5培训 第五讲_土豆_高清视频在线观看现在成为极客一员
大3 ／大4等即将毕业的学生
转行到IT的从业者们
已经入行但工作吃力的新人们
大1／大2／大3等非毕业班学生
以后准备转行到IT的人
对IT有兴趣的非IT从业者
刚入行的新手
需要快速提高工作能力
想要变得更好的
我是技术大咖
专注技术 乐于分享
我是纯小白
每个人都从小白开始
400-678-8266
（免费电话咨询）
他们的故事
和企业一起培养优秀的工程师
都能享受高质量的职业教育
服务热线:400-678-8266}