博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery基础三
阅读量:6087 次
发布时间:2019-06-20

本文共 2235 字,大约阅读时间需要 7 分钟。

1、checkbox操作:全选、全不选、反选

                            
忐忑
法海不懂爱
金箍棒
爱情买卖
最炫民族风
View Code

2、绑定事件

               
View Code

3、事件冒泡

                    

加粗

View Code

 

                
View Code

4、让图片飞

                
View Code

5、光标改变

                    
View Code

6、折叠菜单

                    
  • 幼儿园同学
    • 鼻涕虫
    • 爱哭鬼
    • 张大胆
  • 小学同学
    • 张三丰
    • 张无忌
    • 乔布斯
  • 初中同学
    • 盖茨
    • 种哥
    • 奥巴马
View Code

7、层的显示和隐藏

                        
View Code

漂亮效果

                                        
View Code

8、TAB显示

div:gt(0)选择器用于匹配所有大于指定索引的元素,将其封装为jQuery对象并返回。

                    
  • 新闻
  • 图片
  • 深度
  • 军事
新闻新闻新闻
图片,图片图片图图片图片图图图片贴图
深度深度深度深度十多年对于
军事军事军事军事
View Code

9、图片动画

                    
View Code

10、cookie保存用户

                    欢迎菜鸟登录        
View Code

11、显示高清图片

                
View Code

 12、通过改变图片位置显示需要显示的资源

            
View Code

 

1、选择器+遍历

$('div').each(function (i){

   i就是索引值

   this 表示获取遍历每一个dom对象

});

 

2、选择器+遍历

$('div').each(function (index,domEle){

   index就是索引值

  domEle 表示获取遍历每一个dom对象

});

 

3、更适用的遍历方法

 

1)先获取某个集合对象

2)遍历集合对象的每一个元素

 

var d=$("div");

 

$.each(d,function (index,domEle){

 

  d是要遍历的集合

  index就是索引值

  domEle 表示获取遍历每一个dom对

 

});

转载于:https://www.cnblogs.com/ecollab/p/6131519.html

你可能感兴趣的文章
ASP.NET中的缩略图应用
查看>>
Data Profiling Task
查看>>
如何在Blog中加入MSN按钮
查看>>
redis(一) 安装以及基本数据类型操作
查看>>
厚积薄发,拥抱 .NET 2016
查看>>
SQL2000 2005 破解函数,过程,触发器,视图
查看>>
美味辣子炒鸡
查看>>
开发可统计单词个数的Android驱动程序(2)
查看>>
一次向svn中增加所有新增文件 svn add all new files【转】
查看>>
Ubuntu 14.04配置LAMP(Linux、Apache、MySQL、PHP)
查看>>
字符串数组连接例子(原创)
查看>>
Linux设备驱动之Ioctl控制【转】
查看>>
Winform文件下载之断点续传
查看>>
TCP三次握手
查看>>
ABP理论学习之Web API控制器(新增)
查看>>
栈的应用之判断括号匹配
查看>>
让工具类不可实例化
查看>>
EntityFramework Core 1.1是如何创建DbContext实例的呢?
查看>>
iOS开发-NSPredicate
查看>>
MVC模式与struts框架
查看>>