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

电子商务公司建设网站方案设计上海百度推广官网

电子商务公司建设网站方案设计,上海百度推广官网,本地企业网站建设模板,网页图片下载器文章目录一.关于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.dinnco.com/news/39394.html

相关文章:

  • 西安比较好的网络公司重庆整站seo
  • 辽宁建设工程信息网查询官网福州百度网站快速优化
  • 网站管理员中心设计公司企业网站
  • 网站优化 前端怎么做一个新手怎么做推广
  • 销售平台排名知名的seo快速排名多少钱
  • 西安哪里做网站什么样的人适合做营销
  • 江苏苏州疫情最新消息网站优化公司收费
  • php网站怎么做seo长沙网站策划
  • app公司管理北京百度seo
  • 微信公众号微网站制作排名轻松seo 网站推广
  • 包头网站建设制作百度推广信息流有用吗
  • 电子商务网站策划书3500字网络营销推广方案设计
  • 网站建设公司营业执照经营范围宁波seo网络推广定制
  • 怎样制作网站?自己的网站怎么推广
  • 建立外贸英文网站应该怎么做seo网站分析工具
  • wordpress 个性网站网站推广的一般流程是
  • jsp旅游网站开发系统深圳哪里有网络推广渠避
  • 网站建设模板是什么软文案例500字
  • 新闻发布会的意义sem和seo区别与联系
  • 天津网站建设企业系统html+css网页制作成品
  • 专业做淘宝网站公司哪家好网站收录情况
  • html怎么做网站地图好搜自然seo
  • 福建城乡建设网站seo优化网站
  • 如何学网站建设网站优化技术
  • 制作企业网站的seo深圳网络推广
  • 做石材外贸用什么网站《新闻联播》今天
  • 天水网站制作苏州百度
  • 做购物网站的公司seo外链资源
  • 网站制作的订单株洲seo优化首选
  • 使用wampserver做响应式网站企业seo排名有 名