【jquery案例】的更多相关文章

python 学习笔记十四 jQuery案例详解（进阶篇）

1.选择器和筛选器 案例1 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ display: none; } .coating{ z-index: 1; opacity: 0.5; position: fixed; background…

Python之路【第十二篇续】jQuery案例详解

jQuery 1.jQuery和JS和HTML的关系 首先了HTML是实际展示在用户面前的用户可以直接体验到的,JS是操作HTML的他能改变HTML实际展示给用户的效果! 首先了解JS是一门语言,他是运行在浏览器上的. jQuery是什么呢?他是对JS进行了封装,成了一个类库,就类似于python中的类,我们用的时候直接掉类库了就行了非常方便.比如paramiko模块,我们要使用paramiko就得学习里面的方法. 2.jQuery分为的几部分 ------找 ----选择器 ----筛选器 -…

JQuery案例一：实现表格隔行换色

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>使用JQ完成表格隔行换色</title> <script src="js/jquery.min.js"></script> <script> $(function() { $("tbody tr:odd").css(&qu…

jQuery案例2

$(this).index用来获取取到的所有元素的序号 省市联动 <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    &…

jquery案例

调用js成员 <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <script src="script…

黑马day16 jquery案例演示

案例一: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script language="JavaScript" src="../js/jquery-1.4.2.js"></script> <title>无标题文档</title…

JQuery案例：折叠菜单

折叠菜单(jquery) <html> <head> <meta charset="UTF-8"> <title>accordionMenu可折叠菜单</title> <script src="js/jquery-3.3.1.min.js"></script> <style type="text/css"> .div-outer { border: 1…

Jquery案例——某网站品牌列表的效果

一下是效果图.点击"显示全部品牌",高亮推荐品牌,并显示全部品牌. HTML文件: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link href="css/2.6.css" rel="stylesheet" media="screen" />…

JQuery案例二：实现全选、全不选和反选

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>全选和全不选以及反选</title> <script src="../js/jquery-1.8.3.js"></script> <script> $(function() { //全选事件 $("#checkedAll"…

JQuery案例：购物车编辑

购物车编辑 实现了:商品的加减,总价的变动 实现了:全选/全不选(使用prop而不是attr) 实现了:删除(遮罩层) <html> <head> <meta charset="UTF-8"> <title>购物车</title> </head> <script type="text/javascript" src="js/jquery-3.3.1.min.js">…