当前位置: 首页 > news >正文

电子商务公司建设网站方案设计网盟推广平台

电子商务公司建设网站方案设计,网盟推广平台,wordpress内核源码,兰州做网站企业文章目录一.关于jqurey二.什么是jqurey三.上课实例1.表格 2.鼠标移动效果 3隐藏和显示效果代码如下注意一.关于jqurey 简而言之:jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScript 编程。 二.什么是jqurey jQuery 是一个 JavaScript 函数库。 jQu…

文章目录

  • 一.关于jqurey
  • 二.什么是jqurey
  • 三.上课实例
    • 1.表格 2.鼠标移动效果 3隐藏和显示效果
    • 代码如下
    • 注意

一.关于jqurey

简而言之:jQuery 是一个 JavaScript 库。

jQuery 极大地简化了 JavaScript 编程。

二.什么是jqurey

jQuery 是一个 JavaScript 函数库。

jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库。

jQuery 库包含以下功能:

HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
提示: 除此之外,jQuery 还提供了大量的插件。

三.上课实例

1.表格 2.鼠标移动效果 3隐藏和显示效果

代码如下

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script type="text/javascript" src="jquery-3.6.3.min.js"></script><script type="text/javascript" src="index.js" defer></script></head><body><button type="button" id="btn">隐藏</button><table id="tab"><tr><th>姓名</th><th>年龄</th><th>爱好</th></tr><tr><td>xxx</td><td>19</td><td>唱歌</td></tr><tr><td>xxx</td><td>20</td><td>游戏</td></tr><tr><td>xxx</td><td>3</td><td>小汽车</td></tr><tr><td>xxx</td><td>31</td><td>唱歌</td></tr></table></body>
</html>
$("#tab").css({"width":"600px","margin":"0 auto","text-align":"center","line-height":"30px"})$("tr:odd").css({"background":"red","color":"blue"
})
.mouseleave(function(){$(this).css({"background":"red","color":"blue"})
});$("tr:even").css({"background":"#333","color":"#ddd"
})
.mouseleave(function(){$(this).css({"background":"#333","color":"#ddd"})});//鼠标移动上去改变背景颜色
//链式写法
$("tr").mouseenter(function(){$(this).css({"background":"red"})
});$("#btn").click(function(){$("#tab").toggle();/* if($(this).text=="隐藏"){$(this).text("显示");$("#tab").fadeOut(2000);}else{$(this).text("隐藏");$("#tab").fadeIn(2000);} */});

注意

JQUREY的语法和CSS有些不同,它是以$().()
美元符号定义 jQuery
选择符(selector)“查询"和"查找” HTML 元素
jQuery 的 action() 执行对元素的操作
实例:

$(this).hide() - 隐藏当前元素

$(“p”).hide() - 隐藏所有 < p > 元素

$(“p.test”).hide() - 隐藏所有 class=“test” 的 < p > 元素

$(“#test”).hide() - 隐藏 id=“test” 的元素

http://www.ds6.com.cn/news/30310.html

相关文章:

  • 济南海绵城市建设官方网站网站平台做推广
  • 网站开发定制企业网络流量分析工具
  • 口碑好的福州网站建设网上推销产品的软件
  • 合肥网站建设解决方案提高工作效率的重要性
  • 枣庄做网站公司云南新闻最新消息今天
  • 网站备案在哪儿网站建设定制
  • 宝鸡免费做网站公司模板建站难吗
  • 汕头网站制作方法深圳推广公司介绍
  • 莲湖免费做网站成都seo推广员
  • java和php做网站谁好平台运营
  • 网站开启速度变慢了做关键词排名好的公司
  • wordpress超链接代码北京seo实战培训班
  • 网站建设培训总结企业培训课程开发
  • wordpress网址域名百度seo点击排名优化
  • 无锡高端网站定制关键词排名客服
  • 网站推广赚钱吗营销页面
  • 郑州软件开发工资广州seo工作
  • 手表哪个网站做的好搜索引擎入口
  • 中国建筑协会官网证件查询seo网站推广工作内容
  • 建设工程项目在哪个网站查询谷歌下载官方正版
  • 贵阳做网站做得好的网络推广营销软件
  • 一开始用php做网站关键词推广排名
  • 搜狗网站录入百度风云榜
  • 怎么上国外购物网站万网域名注册官网
  • 做网站服务器电脑配置怎样推广自己的app
  • 多语言交友网站开发东莞百度网站排名优化
  • 做公司网站哪家好西安seo建站
  • 备份整个网站百度竞价怎么开户
  • 党建设计网站网络推广的方法有
  • 互联网行业未来发展趋势优化分析