`
275553385
  • 浏览: 724791 次
  • 性别: Icon_minigender_1
  • 来自: 无锡
文章分类
社区版块
存档分类
最新评论

MooTools学习笔记(三)-函数

阅读更多
Mootools函数:
alert($$('*').get('html'));//显示当前文件的html源码
alert($$('.b','.c').get('title'));//同时选择多个节点
alert($$('a[title=B1]').get('href'));//title='B1'的a节点
alert($$('[href^=http]').get('href'));//href以http开头的节点
alert($$('p > a').get('href'));//p下的a节点
alert($$('a:not(.c)').get('href'));//class不等于c的a节点
alert($$('a:index(0)').get('href'));//索引是0的a节点
alert($$("a[title][href$=jpg]").get('href'));//包含title属性,且href属性以jpg三个字母结尾的a节点


set,setProperty:用来赋值,看例子:
$('a').set('name','jimingsong');
$('a').setProperty('class','abc');

get,getProperty:用来取值,看例子:
$('a').get('jimingsong');
$('a').getProperty('class');

hasClass,addClass,removeClass,toggleClass://判断是否有某样式,新增样式,移除样式,交换样式,看例子
alert($('a').hasClass('abc'));
$('a').addClass('abc');
$('a').removeClass('abc');
$('a').toggleClass:('bc');

setStyle,getStyle://设置或获取css样式,看例子
$('a').setStyle('display','none');
alert($('a').getStyle:('display'));

getSize://得到宽度和高度(.x .y),看例子
var size=$('a').getSize();
alert(size.x+'and'+size.y);


.trim()去除字符串两边的空格
.toInt() .toFloat() 转为整数  转为小数
.toUpperCase()转为大写字母
.toLowerCase()转为小写字母


分享到:
评论

相关推荐

    mootools-1.2.2-core-nc.js

    mootools-1.2.2-core-nc

    Ajax-mootools-doc教程--手册.rar

    通过学习"Ajax-mootools-doc教程--手册.rar"中的内容,开发者不仅可以掌握Ajax的基础知识,还能深入理解MooTools库的使用,提高JavaScript开发效率,尤其在创建动态、响应式的Web应用程序方面。这份资料对初学者和有...

    mootools-core-1.4.5

    mootools,Javascript只能提示工具所必须的js文件

    mootools-1.2.1-core-nc.js

    开源js框架,非常不错,没什么很多介绍的,如果你是做web开发的,千万不要错过

    mootools,php web-base在线图片编辑器

    标题中的“mootools,php web-base在线图片编辑器”表明我们要讨论的是一个基于MooTools JavaScript库和PHP开发的Web应用程序,它允许用户在浏览器上直接编辑图片。MooTools是一个轻量级且功能丰富的JavaScript框架,...

    mootools-release-1.11

    "mootools-release-1.11"是MooTools的一个特定版本,发布于2010年,旨在提供稳定性和兼容性的更新。这个版本在当时是一个重要的里程碑,因为它包含了多个关键的改进和修复。 MooTools的核心设计理念是遵循“Write ...

    MooTools学习笔记(一)

    **MooTools学习笔记(一)** MooTools是一个轻量级、模块化的JavaScript库,设计用于提升Web开发效率和代码质量。它采用简洁而强大的API,为开发者提供了丰富的功能,包括DOM操作、事件处理、动画效果以及面向对象...

    mootools-core-1.4.5-full-compat.js

    mootools-core-1.4.5-full-compat.js

    MooTools1.4中文PDF手册+MooTools-Core-1.5.1.js

    MooTools 1.4中文PDF手册与MooTools-Core-1.5.1.js是学习和使用MooTools的核心资源。 1. **MooTools的基本概念** - **类与对象**:MooTools基于原型的面向对象系统使得创建和继承类变得简单。你可以定义类并为它们...

    mootools-12-cheat-sheet

    ### Mootools-12 Cheat Sheet详解 #### 一、Mootools简介 Mootools 是一个简洁且功能强大的 JavaScript 框架,它提供了一系列的工具和方法来简化前端开发工作。Mootools 的设计哲学是“写少做多”,这使得开发者...

    mootools焦点图特效-支持Loading效果.rar

    mootools焦点图特效代码-支持Loading效果,您借此图片特效还可学习一下另一款优秀的Js插件:mootools的具体用法。这款焦点图自带有加载条,其实是进度条,通过进度条可看到图片什么时候可以切换了,进度条由左侧进行...

    mootools详细教程

    mootools详细教程 ...mootools框架【三】-Array篇: 方法完全解析 mootools框架【三】-Array篇: 主要方法测试实例 mootools框架【四】-Function篇: 主要方法解析 mootools框架【五】-String篇: 方法完全解析

    mootools-12-cheat-sheet-pf.pdf

    ### Mootools核心知识点解析:mootools-12-cheat-sheet-pf.pdf概览 Mootools是一款轻量级且功能强大的JavaScript框架,旨在简化Web开发中的常见任务,如DOM操作、事件处理、动画以及AJAX交互。本文将根据提供的文件...

    mootools1.2中文文档-html格式

    以前我自己用的都是mootools1.1的chm格式的文档 现在1.2版本已经出来了,到网上找不到chm的 只找了个html格式的 下载下来看了下,还可以 特来奉献给csdn的朋友 注:里面还有mootools官网上面的demo一起打包了

    mootools1.2 core

    这个压缩包包含两个核心文件:`mootools-1.2.4-core-nc.js`和`mootools-1.2.4-core-server.js`。 1. **MooTools 1.2 Core** - **模块化设计**:MooTools采用模块化的架构,允许开发者按需加载特定功能,降低页面...

    mootools-core-1.5.1

    Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似。但它提供的功能要比Prototype.js多,整体设计也比Prototype.js要相对完善,功能更强大,比如增加了动画特效、拖放操作等等。总之,Mootools...

    MooTools-1.2-Beginner

    #### 三、学习MooTools 1.2的理由 1. **广泛的适用性**:无论是简单的网页互动还是复杂的Web应用,MooTools都能提供必要的工具和技术支持。 2. **丰富的资源**:由于MooTools拥有庞大的用户群和支持者,因此在...

    Python库 | django-mootools-behavior-0.1.tar.gz

    **Python库 django-mootools-behavior-0.1** `django-mootools-behavior-0.1.tar.gz` 是一个针对Python编程语言和Django框架的扩展库,主要用于增强网页前端的行为交互。这个库将MooTools JavaScript库与Django后端...

    Mootools 1.2教程 函数

    虽然这些内容未在本教程中详细讲解,但理解基础的JavaScript函数概念是学习MooTools的关键步骤。 总之,理解JavaScript中的函数对于掌握MooTools至关重要。通过定义、调用和传递参数,你可以构建复杂的交互式网页...

Global site tag (gtag.js) - Google Analytics