jquery中鼠标移过时触发字体变大、jquery鼠标移上去事件 收藏 0

关于JQuery引用及基本用法

在JQuery文件中下载，并将其引入html文件。在使用jQuery之前，我们需要到jQuery的官方网站：“https://jquery.com/download/”

把下载好的文件放到工程根目录下，然后在这个根目录下创建index.html文件。最后，将下载的JQuery文件引入index.html文件，其代码如下：

通过引入script标签，JQuery被引入到subject的subject中，subject是：

接下来，我们将研究JQuery的基本语法，并对其进行一些介绍。

示例1:$(\”div\”).hide()；此行表示隐藏div元素；

例子2:$(\”.box1\”).hide()；这行代码意味着class属性隐藏在box1的元素中；

示例3:$(\”#wrap\”).hide()；这行代码表示隐藏元素id的值为wrap；

示例4:$(\”hide.box1\”).hide()；这一行代码意味着，隐藏带有box1的cycle属性的hv元素；

从上面的例子中可以看出，JQuery语法非常简单，只需要一个美元符号$，后面跟着一个html的元素选择符(与我们之前学到的css选择符高度一致)，然后在后面加上JQuery的方法，例如hide(show等等)。

无论显示或隐藏元素时，都需要一个事件来触发该动作，我们常用的触发方式是鼠标点击，比如你用鼠标点击一个按钮，然后页面上就会弹出一个提示框，通过点击来触发效果，我们称之为“事件”。点击JQuery中事件的书写方式为：$(\”div\”).click(function(){…})，此代码意味着在div标签被点击之后触发事件，具体事件内容以函数形式写入。除单击事件外，JQuery还可以通过鼠标移动事件、双击事件、元素获取焦点事件等方式进行学习，后面我们将一一介绍，并查看JQuery如何使用。

在以上代码中，我们定义了一个button元素，一个div元素，然后点击按钮button，这个div元素就会被隐藏起来，各位同学可以尝试一下。在代码的最后一部分，包含了一段script标签，这段是JavaScript代码，所有的JavaScript代码都将被放置在script标签中以执行。

接下来是代码的第一句话：$(document).ready(function){…}，这是JQuery的固定写法，意思是页面加载后立即执行，执行代码被写入function函数的方法中(即{}内)。我们已经看到了这一方法。

$(\”#btn1\”).click(函数){

$(\”.box1\”).hide()；

})

这个代码就是我们前面提到的click事件，当单击id值为btn1的按钮时，会引发一个click元素的隐藏事件，click元素的名字叫做box1。

开发者必看：火狐Firefox 34新特性一览

IT之家（www.ithome.com）：开发者必看：火狐Firefox 34新特性一览

目前还在Firefox Aurora开发渠道，下一代火狐Firefox 34版本将会带来很多在开发者工具上的新特性。这个版本正式版计划在11月发布，包含新新特性有：数据存储检查工具、WebIDE、Profiler升级等等。

1、WebIDE

WebIDE一个全新的浏览器内应用，默认启用。可让你从模板中创建一个新的Firefox OS应用，或者打开之前创建好的应用，可直接点击在模拟器中运行和调试。

2、存储检查工具

这是一个新的面板用来显示Cookie、LocalStorage、sessionStorage和IndexedDB中存储的数据，可通过点击Settings（设置） >“Default Developer Tools（默认开发者工具）”>“Storage”来启用。

目前该面板是只读的，未来计划增加数据修改功能。

3、jQuery事件

事件侦听器弹窗现在增加对jQuery的支持，可你可以显示附加在类似jQuery.on这样的事件中

4、Iframe开关

在你调试的时候可以通过新的frame选择菜单来切换frame，开启方法：Settings >“Available Toolbox Buttons”>“Select an iframe”。

5、Profiler更新

JavaScript Profiler更新，在新的“Performance”tab (formerly the“Profiler”tab)中显示。增加了帧率时间线和目录，如“network”and“graphics”.

6、Console.table

增加了console.table可使用表格的方式记录数据到控制台，可记录任意对象, array, Map, or Set. 可通过点击表头进行排序。

7、选择器预览

在Inspector或者样式编辑器中将鼠标移到CSS选择器上，会高亮显示所有匹配到的节点。

8、其他改进

• 窗口切换状态保存以便下次打开时恢复上次的位置(development notes)

• Web音频–AudioParam connections– Web Audio Editor可显示从AudioNodes到AudioParams的连接

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com