jQuery 使用笔记（一）
来源：互联网 发布：开源网管软件 编辑：程序博客网 时间：2024/06/04 01:06
总结下jquery的使用方法，算是一知识巩固吧！
jQuery主要包含以下几个方面的内容： HTML元素设计 HTML元素操作 CSS操作 HTML事件函数 Javascript特效和动画 HTML DOM 遍历和修改 AJAX Utilities
在使用jQuery之前一定要记得先引入jquery外部文件；；
一、jQuery语法
$(选择器).操作（）;
例如：$('button').css(''color","red");
$('button').hide();
二、jQuery选择器：类选择器、ID选择器、元素选择器
css部分：
<p>hello world!!</p><button>click me</button>js部分
注意：js部分一定要在文档加载完成之后进行；
$(document).ready(function(){ $("button").click(function(){ $('p').text("p被修改过了啊"); })})三、jQuery事件
jQuery事件主要分为：常用事件方法、绑定事件、解除绑定事件、事件的目标、事件的冒泡、自定义事件；
1、常用事件方法::click 、 dbclick 、mouseenter 、 mouseleave
2、绑定事件::bind
css部分
<button>click me</button>
$('button').bind('click',function(){ alert('绑定1成功！')})3、解除绑定事件::unbind
$(document).ready(function(){$('button').bind('click',bindone)$('button').bind('click',bindtwo)function bindone(){console.log('绑定1成功！')}function bindtwo(){console.log('绑定2成功！')}})打开浏览器 点击之后，会打印2条信息
添加解除绑定
$('button').unbind('click',bindtwo);再次点击后发现，只弹出一条信息；第二个绑定函数已经被解除成功！
因为bind和click事件基层上都是通过调用on方法来实现的，所以 bind和click也可用on方法来代替；
0 0
- jQuery 使用笔记（一）
- jQuery学习笔记（一）使用jQuery选择器（荐）
- jQuery笔记（一）
- jQuery笔记（一）
- jQuery笔记（一）
- JQuery笔记（一）
- jQuery-File-Upload 使用笔记（一） 基础插件配置
- Jquery 学习笔记（一）Jquery初识
- jQuery实战笔记（一）-jQuery基本原理
- JQuery学习笔记（一）
- Jquery学习笔记（一）
- jQuery学习笔记（一）
- jQuery学习笔记（一）
- jQuery 初学笔记（一）
- jquery学习笔记（一）
- JQuery 学习笔记（一）
- jQuery学习笔记（一）
- JQuery学习笔记（一）
- 每月要求 -2017
- 第37课 - 深度解析 QMap 与 QHash
- 最大子段和
- Adaboost算法及分析
- Struts2的OGNL 表达式
- jQuery 使用笔记（一）
- Ubuntu 16.04 LTS 常用软件(一)
- Linux配置java环境
- RecyclerView之ItemTouchHelper仿今日头条频道管理拖动
- 447. Number of Boomerangs#2(Done)
- Android开发之WindowManager详解
- 第十四章.滚动监听
- Android不同版本的判断
- java和C#在用法上的区别整理
