jquery知识点（一）

最新推荐文章于 2023-03-27 17:50:03 发布

Spider_man_

最新推荐文章于 2023-03-27 17:50:03 发布

阅读量241

点赞数

分类专栏： js和jquery

本文链接：https://blog.csdn.net/chengmo123/article/details/88942984

版权

'''2019.4.1（1）jquery容错机制（2）jq中的$('#id')和js中document.getElementById()的区别（3）jquery事件（键盘事件）（4）隐藏和显示（5）滑动效果（6）jquery动画animate（）方法2019.4.2（1）动画停止（2）jquery链式调用（3）获取内容和属性（text，val，html，...

摘要由CSDN通过智能技术生成

'''

2019.4.1

（1）jquery容错机制

（2）jq中的$('#id')和js中document.getElementById()的区别

（3）jquery事件（键盘事件）

（4）隐藏和显示

（5）滑动效果

（6）jquery动画animate（）方法

2019.4.2

（1）动画停止

（2）jquery链式调用

（3）获取内容和属性（text，val，html，attr）

'''

正文：

（1）jquery即使没有找到元素也不会报错，可以用length属性来判断是否找到了元素，length等于0就是没有找到

（2）$('id')和getElementby 的区别：

$(“#it1”)是jquary等框架的对象，他实际是一个数组对象
document.getElementById( “it1” ) ，它是一个DOM对象，可进行DOM操作。

var id = $('#it')[0];

（3）事件

基本语法$('#id').action(function(){})

1.键盘事件：事件顺序

keydown --键按下的过程

keypress --键被按下

keyup ---键被松开

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>(runoob.com)</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
i=0;
$(document).ready(function(){
  $("input").keypress(function(){
    $("span").text(i+=1);
  });
});
</script>
</head>
<body>

输入你的名字: <input type="text">
<p>按键的次数: <span>0</span></p>

</body>
</html>

2，鼠标事件

hover（）方法用于模拟光标悬停事件，当光标移动到元素上时，会触发指定的第一个函数，当鼠标移除这个元素，会触发第二个函数

最低0.47元/天解锁文章

Spider_man_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery知识点（一）

'''2019.4.1（1）jquery容错机制（2）jq中的$('#id')和js中document.getElementById()的区别（3）jquery事件（键盘事件）（4）隐藏和显示（5）滑动效果（6）jquery动画animate（）方法2019.4.2（1）动画停止（2）jquery链式调用（3）获取内容和属性（text，val，html，...
复制链接

扫一扫