首页 > 软件开发 > JQUERY >

aardio中如果使用jQuery进行dom操作?

来源：互联网 2023-03-16 23:53:57 285

在vuejs大行其道,风靡全球的今天,jQuery已经没有当年那么流行了,但是作用Dom操作的神器,依然有它的用武之地!现在,全球top500网站中仍然大量的引用jQuery;而我们国内容IT界,由于相对保守和落后,绝大多数网站都会引用到jQuery(包括现在正在写的百度经验页面^_^),在aardio中,web开发占了很大的比例(客户端和服务端都有),那么,如何在aardio中也引用这个神器来进行web交互操作呢?

工具/原料

windows操作系统xp以上版本,建议win7
aardio编程语言最新版本

方法/步骤

1

在aardio中,有很多支持web混合编程开发的支持库,比如IE内核的web.form,wke内核的web.kit,和基于miniblink的web.blink库,这几个库都进行了很好地封装,非常方便地进行web开发,特别是web界面开发,使用html js css来完成漂亮的界面开发在aardio中显示异常轻松,本文以web.blink为例,来进行说明(其它的库用法都是类似的)

1相关内容非法爬取自百度经验

2

作为演示,我们先创建一个窗体代码文件,生成基础代码;

import win.ui;

/*DSG{{*/

var winform = win.form(text="aardio form";right=759;bottom=469)

winform.add()

/*}}*/

winform.show()

win.loopMessage();

3

然后我们来创建基础对象

import web.blink.form//导入支持库

var mb = web.blink.form(winform);//创建浏览器控制对象

4

添加html代码,生成基础界面:

import win.ui;

/*DSG{{*/

var winform = win.form(text="aardio form";right=759;bottom=469)

winform.add()

/*}}*/

import web.blink.form//导入支持库

var mb = web.blink.form(winform);//创建浏览器控制对象

//添加html代码,生成界面

aardio中如果使用jQuery进行dom操作??

5

上面的html代码是通过mb.html来由IDE自动生成的,我们来处理一下,引用在线的jQuery,这里使用的百度的前端CDN库,尝试引用在线的jq,如果失败就加载本地jq,一般地,只要电脑能联网,很少会失败.

改一下代码:

aardio中如果使用jQuery进行dom操作??

6

加载完成后,我们来测试一下,试试jQuery的几个基础方法:比如,绑定一下事件,修改一个字体大小,来个动画等,,然后运行测试,可以看到,字体变大了,颜色也变成了红色,成功了(百度经验的gif播放有问题,如果看起来效果不好,可以保存gif图像到本地查看):

aardio中如果使用jQuery进行dom操作??

7

我们还可以很方便地在aardio环境中直接通过变量名使用js变量,通过mb.doScript直接执行js代码,通过mb.eval来获取js变量的值呢,交互起来非常方便,快动手试试吧!!!

本篇经验到此结束,您学会了吗?

注意事项

本文由 bigbensoft 于"百度经验"平台首发,转载请注明出处,且必须带原始链接;商业应用需要本人的书面授权,否则追究法律责任!
本人 bigbensoft 在"百度经验"平台所写的所有原创经验都是经过亲身实践的,如果它对您有所帮助,请您给我投上一票或分享给有需要的朋友.
如果您根据本经验进行操作,但过程或者结果不一致,请注意其中的细节是否一致,特别是操作系统平台和软件版本
如果您对本经验持有不同看法/意见,或者有更好的建议,欢迎您与我联系交流心得,也可以在本经验中写"有得"
本人长期于百度经验平台分享各种经验,阅读完经验请给我投票,您的举手之劳是我分享更多/更好经验的源动力!

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： JQUERY

上一篇：Canvas分子式粒子动画特效下一篇：jquery实现手风琴效果

办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码