随笔分类 - JQ
摘要:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #search_result{ width:302px; position:absolute; left:618p
阅读全文
摘要:以click事件为例: 普通绑定事件:$('.btn1').click(function(){}绑定 on绑定事件:$(document).on('click','.btn2',function(){}绑定 那么这两种方式有什么区别呢? 首先我们看看在实践上的区别: ①click事件是在页面加载
阅读全文
摘要:一.JQuery之jQuery Validate(表单验证)插件1.引用jQuery和jQuery Validate到页面2.基本语法设置:使用validate()来写验证规则rules 设置验证规则验证规则中的一些规则设置:required:true, //必填remote: { //远程校验 u
阅读全文
摘要:1.动画基础隐藏和显示 jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果
阅读全文
摘要:1.jQuery二级下拉菜单 下拉箭头翻转动画 之前我们分享过不少基于jQuery的二级下拉菜单,甚至是多级的下拉菜单,比如这款jQuery/CSS3飘带状多级下拉菜单就非常华丽。但今天要介绍的这款jQuery二级下拉菜单外观很简洁,使用非常简单,它唯一的特点就是下拉菜单项的下拉箭头有翻转的动画特效
阅读全文
摘要:在DOM事件深入浅出(一)中,我主要给大家讲解了不同DOM级别下的事件处理程序,同时介绍了事件冒泡和捕获的触发原理和方法。本文将继续介绍DOM事件中的知识点,主要侧重于DOM事件中Event对象的属性和方法。 那么什么是DOM事件中Event对象呢?事件对象(event object)指的是与特定事
阅读全文
摘要:在项目开发时,我们时常需要考虑用户在使用产品时产生的各种各样的交互事件,比如鼠标点击事件、敲击键盘事件等。这样的事件行为都是前端DOM事件的组成部分,不同的DOM事件会有不同的触发条件和触发效果。本文就将带大家深入浅出地了解DOM事件的那些属性和方法。 首先在介绍DOM事件之前我们先来认识下DOM的
阅读全文
摘要:Dom是Document Object Model的缩写,意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口,使用该接口可以轻松访问页面中所有的标准组件。DOM操作可以分为三个方面即DOM Core(核心)、HTM-DOM和CSS-DOM。 每一个网页都可以用DOM表示出来,每个DOM都
阅读全文
摘要:添加节点的jquery方法: append()、prepend()、appendTo() 、prependTo() 插入节点的jquery方法: after() 、before() 、insertBefore() 、insertAfter() 举个例子来说明以上几种方法的用法: html例子: <n
阅读全文
摘要:在 HTML DOM (文档对象模型)中,每个部分都是节点: 文档本身是文档节点 所有 HTML 元素是元素节点 所有 HTML 属性是属性节点 HTML 元素内的文本是文本节点 (包括回车符也是属于文本节点) 注释是注释节点 Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。
阅读全文
摘要:<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>jq获取鼠标的位置</title> <style> div{ width: 500px; height: 500px; background-color: #5
阅读全文
摘要:学习笔记: 学习笔记: jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能,jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。 jQuery库本质上还是JavaScript代码,
阅读全文

浙公网安备 33010602011771号