jquery文档 | 易学教程

jquery pageX属性语法

阅读更多关于 jquery pageX属性语法

jquery pageX属性语法作用： pageX() 属性是鼠标指针的位置，相对于文档的左边缘。语法： event.page 参数：参数描述 event 必需。规定要使用的事件。这个 event 参数来自事件绑定函数。 jquery pageX属性示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(document).mousemove(function(e){ $("span").text("X: " + e.pageX + ", Y: " + e.pageY); }); }); </script> </head> <body> <p>鼠标指针位于： <span></span></p> </body> </html> 来源： https://www.cnblogs.com/furuihua/p/11962493.html

jquery pageY属性语法

阅读更多关于 jquery pageY属性语法

jquery pageY属性语法作用： pageY() 属性是鼠标指针的位置，相对于文档的上边缘。直线模组语法： event.page 参数：参数描述 event 必需。规定要使用的事件。这个 event 参数来自事件绑定函数。 jquery pageY属性示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(document).mousemove(function(e){ $("span").text("X: " + e.pageX + ", Y: " + e.pageY); }); }); </script> </head> <body> <p>鼠标指针位于： <span></span></p> </body> </html> 来源： https://www.cnblogs.com/furuihua/p/11962495.html

jquery pageX属性语法

阅读更多关于 jquery pageX属性语法

jquery pageX属性语法作用： pageX() 属性是鼠标指针的位置，相对于文档的左边缘。大理石构件来图加工语法： event.page 参数：参数描述 event 必需。规定要使用的事件。这个 event 参数来自事件绑定函数。 jquery pageX属性示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(document).mousemove(function(e){ $("span").text("X: " + e.pageX + ", Y: " + e.pageY); }); }); </script> </head> <body> <p>鼠标指针位于： <span></span></p> </body> </html> 来源： https://www.cnblogs.com/furuihua/p/11961959.html

面试常见技术问题

阅读更多关于面试常见技术问题

--------- JQ --------- 1.jq 常见选择器？，号选择器，分组选择器。空格，祖父选择器。>大于号，父子选择器。+号选择器，紧接下一个兄弟选择器。~号，元素之后所有的 siblings 元素。：first，：last，：not，：first-child，:last-child,:animated.：checked 2.jQuery 插件实现方式，分别介绍？ jQuery.fn.extend 封装直接在$下面的方法，就是根下面，扩展 jQuery 元素集来提供新的方法（通常用来制作插件）。 $.extend 用来在 jQuery 命名空间上增加新函数。用一个或多个其他对象来扩展一个对象，返回被扩展的对象批量的方法用 fn，静态的用$.extend（），不建议用扩展到根下面。 3.bind 和 live 的区别? live 方法其实是 bind 方法的变种，其基本功能就同 bind 方法的功能是一样的，都是为一个元素绑定某个事件，但是 bind 方法只能给当前存在的元素绑定事件，对于事后采用 JS 等方式新生成的元素无效，而 live 方法则正好弥补了 bind 方法的这个缺陷，它可以对后生成的元素也可以绑定相应的事件。 4.js 和 jq 如何转换？ jQuery 对象是通过 jQuery 包装 DOM 对象后产生的对象。jQuery 对象是

二、jQuery中的DOM操作

阅读更多关于二、jQuery中的DOM操作

Dom操作的分类一般来说，Dom操作分为3个方面，即DOM Core、HTML-DOM和CSS-DOM。 jQuery中的DOM操作一、查找节点用jQuery在文档树上查找节点非常容易，可以利用前面介绍的jQuery选择器来完成。 1、查找元素节点利用jQuery选择器 <script type="text/javascript"> $(function(){ //获取第二个li元素 var $li=$('ul li:eq(1)'); var li_txt=$li.text(); alert(li_txt); }); </script> <p title="选择你最喜欢的水果." >你最喜欢的水果是?</p> <ul> <li title='苹果'>苹果</li> <li title='橘子'>橘子</li> <li title='菠萝'>菠萝</li> </ul> 2、查找属性节点利用jQuery选择器查找到需要的元素之后，就可以使用attr()方法来获取它的各种属性的值。attr()方法的参数可以是一个，也可以是两个。当参数是一个时，则是要查询的属性的名字。 //获取p元素 var $p=$('p'); var p_title=$p.attr('title'); //获取<p>元素节点的属性title alert(p_title); 二、创建节点 1、创建元素节点：

$（document）.ready等同于没有jQuery

阅读更多关于 $（document）.ready等同于没有jQuery

我有一个使用 $(document).ready 的脚本，但是它不使用jQuery的其他任何东西。我想通过删除jQuery依赖项来减轻它的负担。如何在不使用jQuery的情况下实现自己的 $(document).ready 功能？我知道使用 window.onload 会有所不同，因为在加载所有图像，框架等之后， window.onload 会触发。 #1楼穷人的解决方案： var checkLoad = function() { document.readyState !== "complete" ? setTimeout(checkLoad, 11) : alert("loaded!"); }; checkLoad(); 查看小提琴添加了这一点，我想更好一点，自己的范围，并且非递归 (function(){ var tId = setInterval(function() { if (document.readyState == "complete") onComplete() }, 11); function onComplete(){ clearInterval(tId); alert("loaded!"); }; })() 查看小提琴 #2楼这个解决方案怎么样？ // other onload attached earlier window.onload

Web开发（五）jQuery

阅读更多关于 Web开发（五）jQuery

jQuery是什么 <1> jQuery是由John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。 <2> jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! <3> 它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 <4> jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。 <5> jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 对象 jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . 如果一个对象是 jQuery 对象 , 那么它就可以使用 jQuery 里的方法 : $(“#test”).html(); $("#test").html() //意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 // 这段代码等同于用DOM实现代码： document.getElementById(" test ")

day46 jQuery

阅读更多关于 day46 jQuery

day46 jQuery 内容回顾: 1.库和框架的区别库: 小而精: 直接操作DOM, 如css()方法 jquery封装了js中的哪些操作(大量的api=方法) - 事件 - 属性 - DOM - 选择器 - ajax(交互的技术) jQuery的链式编程: jQuery的方法可以实现和js的属性操作一样的功能, 好处在哪, jQuery的方法执行完,给返回了jQuery对象, 还可以接着使用其他方法, 这就是链式编程 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <ul> <li>bajie</li> <li>wukong</li> <li>datang</li> </ul> <script src="jquery.js"></script> <script> var colors = ['red','yellow','blue']; //1.从jquery对象转换为js对象 console.log($('li')[0]); //注意这里, 方式一.加上[下标], 是从jquery对象到js对象的转换 //方式二.JQ对象.get(0) //2.从js对象转换为jquery对象 var item = document

jQuery 47

阅读更多关于 jQuery 47

目录 jQuery jQuery介绍 jQuery的特性 jQuery对象 jQuery基础语法查找标签基本选择器层级选择器基本筛选器属性选择器表单筛选器筛选器方法操作标签样式操作位置操作尺寸文本操作属性操作文档处理事件常用事件移除事件阻止后续事件执行阻止事件冒泡页面载入事件委托动画效果补充 each .data() jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。 Write less, do more jQuery的特性一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。跨浏览器兼容。插件扩展开发，jQuery有着丰富的第三方的插件。 jQuery对象 jQuery对象是包装DOM对象后产生的,但是jQuery对象不能使用DOM对象的任何方法 var $variable =

前端 jQuery 基础

阅读更多关于前端 jQuery 基础

目录 jQuery介绍优势： jQuery内容： jQuery对象 jQuery基本语法：$(selector).action() jQuery选择器基本选择器 id选择器： $("#id") 标签选择器： $("tagName") class选择器： $(".className") 结合使用： $("div.c1") // 找到有c1 class类的div标签所有元素选择器： $("*") 组合选择器： $("#id, .className, tagName") 层级选择器：基本筛选器：属性选择器：表单筛选器：筛选器方法下一个元素：上一个元素：父亲元素：儿子和兄弟元素：查找筛选补充操作标签样式操作样式类 CSS 位置操作尺寸：文本操作属性操作文档处理添加到指定元素内部的后面添加到指定元素内部的前面添加到指定元素外部的后面添加到指定元素外部的前面移除和清空元素替换克隆事件常用事件事件绑定移除事件阻止后续事件执行阻止事件冒泡页面载入事件委托动画效果 each .each(function(index, Element))： jQuery介绍 1、jQuery是一个轻量级的、兼容多浏览器的JavaScript类库。 2、jQuery使用户能够更方便地处理HTML Document、Events

订阅 jquery文档