`
Folix
  • 浏览: 12694 次
社区版块
存档分类
最新评论

Jquery高级编程阅读笔记3——jQuey核心技术

阅读更多
  1. JQuery脚本结构
    jQuery的核心函数,指的是一个工厂对象,即jQuery()函数,或者常用的别名$(),该变量的类型是function。返回值是一个jQuery对象(包装了jQuery功能)。
  2. 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);
    	});
     });
     
  3. 字符串
    $.trim(" hello ") 去除首尾空格字符
    $.now() 返回一个表示当前时间的数值
  4. $(this)和this的区别
    $(this)是一个Jquery对象,对应是Jquery的相关操作
    this是DOM对象,对应的是js相关操作
    $("li").click(function(){
           // js操作
    	this.style.backgroundColor= "green";
           //jquery操作
           $(this).css("backgroundColor","green");
    });
     
  5. 链式操作
    $("body").find("div").addClass("class1").find("#div2").addClass("class2")
    采用链式操作处理可读性更好之外,还有更好的性能,因为他不必再实例化一个新的jQuery对象
分享到:
评论

相关推荐

    jquery笔记

    ### jQuery核心知识点详解 #### 一、jQuery简介与优势 **定义**: - **框架**:框架是指一种软件设计模式,提供了一套解决方案的基础结构。简单来说,就是使用最基本的编程语言,封装了一系列常用功能(方法),...

    jquery 学习笔记源码 1第一个jquery

    《jQuery学习笔记源码——初识与实践》 在当今的Web开发领域,jQuery是一个不可或缺的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及Ajax交互等任务。本篇文章将基于“jQuery学习笔记源码 1第一个...

    《jQuery权威指南》学习笔记之第3章 jQuery操作DOM

    现在我们专注于《jQuery权威指南》第三章——jQuery操作DOM的内容。DOM,即文档对象模型,是HTML和XML文档的编程接口,它将文档结构转换为一个树形结构,方便程序进行读取和修改。jQuery提供了丰富的API,让开发者...

    jquery学习笔记--1

    ### 实践案例——jQuery StarterKit 压缩包中的`jquery-starterkit`可能包含一个基础的jQuery项目模板,用于快速搭建使用jQuery的Web应用。它可能包含了基本的HTML结构、CSS样式和JavaScript脚本,展示了如何引入...

    javase6 学习笔记(李兴华培训课堂笔记所有.)

    这份笔记全面、详细地涵盖了Java SE 6版本的核心概念和技术,对于理解Java编程语言的基础以及进阶特性具有重要作用。在本文中,我们将深入探讨其中的一些关键知识点。 首先,Java SE(标准版)是Java平台的基础,它...

    jquery笔记1

    《jQuery笔记1——深入理解与应用》 在Web开发领域,jQuery是一款广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。这篇笔记将带领我们深入理解jQuery的核心概念,同时通过实例...

    JQuery笔记.docx

    通过以上介绍,我们了解了JavaScript及其重要组成部分——jQuery的基础概念和技术要点。JavaScript作为一种强大的客户端脚本语言,极大地丰富了网页的交互性和功能性,而jQuery作为JavaScript的一个扩展库,进一步...

    jquery 学习笔记

    《jQuery学习笔记——15天快速入门指南》 jQuery,作为一个强大的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。它以其简洁的API和高效的性能,成为了前端开发者的首选工具之一...

    jQuery立体3d效果计算器代码.zip

    本篇文章将深入解析标题为“jQuery立体3d效果计算器代码”的项目,通过分析压缩包中的文件,揭示其背后的编程原理和技术细节。 首先,我们来看这个项目的核心——`SimpleCalculadorajQuery.js`文件。这个JavaScript...

    jquery+css3文字列表展开折叠— —折纸效果.zip

    《jQuery与CSS3结合实现文字列表的折叠展开——折纸效果详解》 在网页设计中,为了提升用户体验和页面的互动性,各种动态效果被广泛应用。"jQuery+CSS3文字列表展开折叠— —折纸效果"就是一种巧妙地结合了jQuery库...

    jquery easyUi使用文档pdf 和 word版本

    1. **基本概念**:解释 jQuery EasyUI 的核心理念,如 MVC 模式,以及如何与后端数据进行交互。 2. **组件介绍**:详细讲解各种组件的用法,如对话框(dialog)、表格(datagrid)、菜单(menu)、表单(form)等,...

    jQuery学习笔记之基础中的基础

    标题《jQuery学习笔记之基础中的基础》表明本文是关于jQuery的入门指导,针对的是刚开始接触jQuery的初学者,旨在传授jQuery的核心概念和基础用法。内容围绕jQuery的核心功能和优势展开,通过实例操作和对比,介绍...

    jQuery立体质感科学计算器代码.zip

    它展示了如何利用jQuery的高效性和灵活性,结合CSS3的新特性,创造出交互性强、视觉效果出色的Web应用。通过学习和理解这段代码,开发者可以进一步提升自己的前端开发能力,同时也能为日常项目带来灵感和解决方案。

    JQuery 学习笔记01 JQuery初接触

    《JQuery 学习笔记01 - JQuery初接触》 jQuery是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了JavaScript编程,使得开发者能够更快速、更方便地处理DOM操作、事件处理、动画效果和Ajax交互。这篇学习...

    jQuery双向列表左右移动选择框代码.zip

    总结来说,"jQuery双向列表左右移动选择框代码"是一个结合了jQuery核心功能与良好可扩展性的实践案例,通过理解和学习,开发者不仅可以快速实现这一功能,还能提升在JavaScript和jQuery上的编程技巧。无论你是初学者...

    SVG剪裁路径和遮罩jQuery幻灯片特效.zip

    在本项目中,“SVG剪裁路径和遮罩jQuery幻灯片特效”利用了SVG的两个核心特性——剪裁路径(clip-path)和遮罩(mask),结合jQuery库来实现动态、交互式的幻灯片展示效果。 1. **SVG剪裁路径(clip-path)**: ...

    jQuery点击更多爱心动画特效.zip

    "jQuery点击更多爱心动画特效"是一个巧妙地结合了JavaScript库jQuery与CSS技术,为网页添加了一种吸引人的交互式元素——爱心动画。这个特效在用户点击按钮后,会呈现更多爱心飞出的视觉效果,为网页增添了一份温馨...

    jQuery手机端泡泡红包抽奖代码.zip

    《jQuery手机端泡泡红包抽奖代码解析》 在移动互联网时代,各类互动...通过学习和理解这个项目,开发者不仅可以掌握基本的前端技术,还能了解到如何通过编程实现动态效果和游戏逻辑,为自己的网页添加更多的互动元素。

    毕设&课设&项目&实训-javascript基础类库以及基于jquery的组件库.zip

    接着,我们要讨论jQuery——一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理和动画制作。jQuery的核心特性包括选择器(方便地选取DOM元素)、链式调用(使得代码更加简洁)、高效的操作DOM方法等。...

    jquery.nicescroll仿IOS滚动条美化插件.zip

    《jQuery.nicescroll:仿iOS滚动条美化插件解析与应用》 在现代网页设计中,用户界面的细节处理往往能提升整体的用户体验。其中,滚动条作为网页浏览的重要组成部分,其美观性和交互性同样不容忽视。jQuery....

Global site tag (gtag.js) - Google Analytics