- JQuery脚本结构
jQuery的核心函数,指的是一个工厂对象,即jQuery()函数,或者常用的别名$(),该变量的类型是function。返回值是一个jQuery对象(包装了jQuery功能)。 -
jQuery工具函数
对象
1、检查对象类型
$.type(null) // null
$.type([]) // array
2、检查对象是否包含任何属性
$.isEmptyObject({}) // ture
3、合并两个或者两个以上对象 $.entend(obj1,obj2,obj3),obj1将获得obj2,obj3的属性
函数
$.isFunction() 去掉函数名的圆括号
$.noop() 存根函数
数组操作
$.isArray() 是否是数组
$.merge() 合并数组
$.inArray()检查数组是否存在某个指定的值,存在返回索引,不存在返回-1
$.unique()从Dom元素的数组中移除重复元素
$.each()方法取代旧的for循环
$(function(){ var numArray = [1,2,4,4]; //index表示索引(0开始),第二个表示元素的值 $.each(numArray,function(index,value){ console.log("index is:"+index + ",value is"+value); }); });
-
字符串
$.trim(" hello ") 去除首尾空格字符
$.now() 返回一个表示当前时间的数值
-
$(this)和this的区别
$(this)是一个Jquery对象,对应是Jquery的相关操作
this是DOM对象,对应的是js相关操作
$("li").click(function(){ // js操作 this.style.backgroundColor= "green"; //jquery操作 $(this).css("backgroundColor","green"); });
- 链式操作
$("body").find("div").addClass("class1").find("#div2").addClass("class2")
采用链式操作处理可读性更好之外,还有更好的性能,因为他不必再实例化一个新的jQuery对象
- 浏览: 12694 次
相关推荐
### jQuery核心知识点详解 #### 一、jQuery简介与优势 **定义**: - **框架**:框架是指一种软件设计模式,提供了一套解决方案的基础结构。简单来说,就是使用最基本的编程语言,封装了一系列常用功能(方法),...
《jQuery学习笔记源码——初识与实践》 在当今的Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本篇文章将基于“jQuery学习笔记源码 1第一个...
现在我们专注于《jQuery权威指南》第三章——jQuery操作DOM的内容。DOM,即文档对象模型,是HTML和XML文档的编程接口,它将文档结构转换为一个树形结构,方便程序进行读取和修改。jQuery提供了丰富的API,让开发者...
### 实践案例——jQuery StarterKit 压缩包中的`jquery-starterkit`可能包含一个基础的jQuery项目模板,用于快速搭建使用jQuery的Web应用。它可能包含了基本的HTML结构、CSS样式和JavaScript脚本,展示了如何引入...
这份笔记全面、详细地涵盖了Java SE 6版本的核心概念和技术,对于理解Java编程语言的基础以及进阶特性具有重要作用。在本文中,我们将深入探讨其中的一些关键知识点。 首先,Java SE(标准版)是Java平台的基础,它...
《jQuery笔记1——深入理解与应用》 在Web开发领域,jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。这篇笔记将带领我们深入理解jQuery的核心概念,同时通过实例...
通过以上介绍,我们了解了JavaScript及其重要组成部分——jQuery的基础概念和技术要点。JavaScript作为一种强大的客户端脚本语言,极大地丰富了网页的交互性和功能性,而jQuery作为JavaScript的一个扩展库,进一步...
《jQuery学习笔记——15天快速入门指南》 jQuery,作为一个强大的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。它以其简洁的API和高效的性能,成为了前端开发者的首选工具之一...
本篇文章将深入解析标题为“jQuery立体3d效果计算器代码”的项目,通过分析压缩包中的文件,揭示其背后的编程原理和技术细节。 首先,我们来看这个项目的核心——`SimpleCalculadorajQuery.js`文件。这个JavaScript...
《jQuery与CSS3结合实现文字列表的折叠展开——折纸效果详解》 在网页设计中,为了提升用户体验和页面的互动性,各种动态效果被广泛应用。"jQuery+CSS3文字列表展开折叠— —折纸效果"就是一种巧妙地结合了jQuery库...
1. **基本概念**:解释 jQuery EasyUI 的核心理念,如 MVC 模式,以及如何与后端数据进行交互。 2. **组件介绍**:详细讲解各种组件的用法,如对话框(dialog)、表格(datagrid)、菜单(menu)、表单(form)等,...
标题《jQuery学习笔记之基础中的基础》表明本文是关于jQuery的入门指导,针对的是刚开始接触jQuery的初学者,旨在传授jQuery的核心概念和基础用法。内容围绕jQuery的核心功能和优势展开,通过实例操作和对比,介绍...
它展示了如何利用jQuery的高效性和灵活性,结合CSS3的新特性,创造出交互性强、视觉效果出色的Web应用。通过学习和理解这段代码,开发者可以进一步提升自己的前端开发能力,同时也能为日常项目带来灵感和解决方案。
《JQuery 学习笔记01 - JQuery初接触》 jQuery是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了JavaScript编程,使得开发者能够更快速、更方便地处理DOM操作、事件处理、动画效果和Ajax交互。这篇学习...
总结来说,"jQuery双向列表左右移动选择框代码"是一个结合了jQuery核心功能与良好可扩展性的实践案例,通过理解和学习,开发者不仅可以快速实现这一功能,还能提升在JavaScript和jQuery上的编程技巧。无论你是初学者...
在本项目中,“SVG剪裁路径和遮罩jQuery幻灯片特效”利用了SVG的两个核心特性——剪裁路径(clip-path)和遮罩(mask),结合jQuery库来实现动态、交互式的幻灯片展示效果。 1. **SVG剪裁路径(clip-path)**: ...
"jQuery点击更多爱心动画特效"是一个巧妙地结合了JavaScript库jQuery与CSS技术,为网页添加了一种吸引人的交互式元素——爱心动画。这个特效在用户点击按钮后,会呈现更多爱心飞出的视觉效果,为网页增添了一份温馨...
《jQuery手机端泡泡红包抽奖代码解析》 在移动互联网时代,各类互动...通过学习和理解这个项目,开发者不仅可以掌握基本的前端技术,还能了解到如何通过编程实现动态效果和游戏逻辑,为自己的网页添加更多的互动元素。
接着,我们要讨论jQuery——一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理和动画制作。jQuery的核心特性包括选择器(方便地选取DOM元素)、链式调用(使得代码更加简洁)、高效的操作DOM方法等。...
《jQuery.nicescroll:仿iOS滚动条美化插件解析与应用》 在现代网页设计中,用户界面的细节处理往往能提升整体的用户体验。其中,滚动条作为网页浏览的重要组成部分,其美观性和交互性同样不容忽视。jQuery....