jQuery知识大杂汇

1.jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。

基础语法: $(selector).action()

举几枚栗子吧:

  • $(this).hide() - 隐藏当前元素
  • $("p").hide() - 隐藏所有 <p> 元素
  • $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
  • $("#test").hide() - 隐藏所有 id="test" 的元素

2.文档就绪事件:所有 jQuery 函数位于一个 document ready 函数中:

$(document).ready(function(){

   // 开始写 jQuery 代码...

});

为了防止文档在完全加载(就绪)之前运行 jQuery 代码。

这个文档就绪事件是有简洁写法的哦!

$(function(){

   // 开始写 jQuery 代码...

});

3.jQuery 中所有选择器都以美元符号开头:$()。

4.jQuery选择器

5.要把jQuery代码放入单独的js文件,通过script的src属性引用。

6.mouseenter()

当鼠标指针穿过元素时,会发生 mouseenter 事件。

mouseenter() 方法触发 mouseenter 事件,或规定当发生 mouseenter 事件时运行的函数:

$("#p1").mouseenter(function(){
  alert("You entered p1!");
});

7.mouseleave()

当鼠标指针离开元素时,会发生 mouseleave 事件。

8.mousedown()

当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事件。

9.mouseup()

当在元素上松开鼠标按钮时,会发生 mouseup 事件。

10.hover()

hover()方法用于模拟光标悬停事件。

当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函数(mouseleave)。

11.focus()

当元素获得焦点时,发生 focus 事件。

当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。

focus() 方法触发 focus 事件,或规定当发生 focus 事件时运行的函数

12.blur()

当元素失去焦点时,发生 blur 事件。

13.需要注意在jQuery中,this也需要放入$(this)工厂函数里。

14.jQuery中DOM常用事件:

时间: 2024-10-26 06:31:51

jQuery知识大杂汇的相关文章

hdu3535 背包大杂汇

题目链接:http://acm.split.hdu.edu.cn/showproblem.php?pid=3535 //不想写题解,这道题让我对背包的理解更深了,我相信我不会忘记的.... 代码: #include<iostream> #include<cstdio> #include<algorithm> #include<cstring> #include<cmath> using namespace std; const int INF=0

jquery——九宫格大转盘抽奖

一.用到的图片 二.代码如下,重点是js部分 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery九宫格大转盘抽奖</title> <style> #lottery{width:570px;height:510p

FPGA知识大梳理(四)FPGA中的复位系统大汇总

本文整合特权(吴厚航)和coyoo(王敏志)两位大神的博文.我也很推崇这两位大神的书籍,特权的书籍要偏基础一下,大家不要一听我这么说就想买coyoo的.我还是那一句话,做技术就要step by step.闲言少叙,直入正题. 一,异步复位 先看这个电路,就是异步复位的例子.reset使用了reg的复位端 用代码实现的话是这个样子 1 module reset_test ( 2 clk , 3 rst_n , 4 i_data, 5 o_data 6 ); 7 8 input clk ; 9 in

Object-c 数据存储知识大聚会

通常程序在运行中或者程序结束之后,需要保存一些信息,而且需要持久化存储信息,比如登陆信息.视频播放记录.收藏记录等等,那么我们可以采用以下几种方式对数据进行持久化保存. 1.文件 2.plist 3.归档 4.NSUserDefaults 5.数据库 [Plist](文件的一种) <1> 什么是plist文件, plist文件的作用 1.plist文件:property list  属性列表文件,文件的内容只能是 NSString NSNumber NSDate NSData NSArray

jQuery幸运大转盘_jQuery+PHP抽奖程序的简单实现

在线实例 查看演示 完整代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv

(转)jQuery知识总结

jQuery知识总结 jQuery一直都在用,但都是在用时查查手册,并没有系统的学过,最近组内做jQuery交流,花了几天时间系统了学习了下,做了个PPT,本文是根据PPT总结而来,有些地方做了些补充.希望对jQuery初学者有些帮助. jQuery简介 简介 jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写的更少,做的更多). jQuery在2006年1月由美国人JohnResig在纽约的barcamp发布,吸引了来自世界各地的众多ja

jQuery 知识体系

jQuery基础知识一 jQuery之知识二-选择器 [jQuery知识]jQuery之知识三-过滤器 [jQuery知识]jQuery之知识四-DOM和CSS操作 [jQuery知识]jQuery之知识五-DOM节点操作 [jQuery知识]jQuery之知识六-表单操作 [jQuery知识]jQuery之知识七-事件初级 [jQuery知识]jQuery之知识八-事件对象 [jQuery知识]jQuery之知识九-事件高级 [jQuery知识]jQuery之知识十-动画初级 [jQuery知

转帖--计算机网络基础知识大总汇 https://www.jianshu.com/p/674fb7ec1e2c?utm_campaign=maleskine&amp;utm_content=note&amp;utm_medium=seo_notes&amp;utm_source=recommendation

计算机网络基础知识大总汇 龙猫小爷 关注 2016.09.14 23:01* 字数 12761 阅读 30639评论 35喜欢 720 一.什么是TCP/IP 网络和协议 1.     TCP/IP是一类协议系统,它是一套支持网络通信的协议集合.网络是计算机或类似计算机的设备之间通过常用的传输介质进行通信的集合. 2.     网络协议就是一套通用规则,用来帮助定义复杂数据传输的过程.数据传输从一台计算机上的应用程序开始,通过计算机网络硬件,经过传输介质到正确目的地,然后上传到目的地计算机网络硬

10款超实用的jQuery插件大合集

1.jQuery cxSlide实现的三款多功能大气焦点图轮播 jQuery cxSlide实现的三款多功能大气焦点图轮播特效源码,是一段拥有三种不同风格和效果的焦点图轮播代码,其中有两款最有意思,一款是在将焦点图图片分成了四块,每个图片都连接到不同的地址,并且还拥有鼠标悬浮内图时,其它图片都变暗了的效果,另外一款是,带有带缩略图和文字描述效果的焦点图轮播代码.该实例中的三款焦点图轮播代码都适合于任意网站,需要此款代码的朋友们可以前来下载使用. 在线演示 源码下载 2.jQuery多功能弹出层插