aardio 文档

aardio 范例: jQuery 测试

jQuery 快速入门

//入门 import win.ui; /*DSG{{*/ var winform = win.form(text="jQuery 测试";right=461;bottom=289;scroll=1) winform.add() /*}}*/

//创建web窗体 import web.form; var wb = web.form(winform)

/* jQuery 1.x 支持旧版 IE, jQuery v1.6.3 以上 ajax 函数才会支持 res 协议访问 EXE 资源文件 IE11 内核默认已阻止 ajax 访问本地文件,改用 wsock.tcp.simpleHttpServer/asynHttpServer 访问本地文件即可

jQuery 快速入门 https://quickref.me/jquery https://learnxinyminutes.com/docs/zh-cn/jquery-cn/ / wb.html = /* <!doctype html>

测试文本

<div id="idTest" class="style2">
测试文本
</div>

**/
winform.show();

//获取文本 winform.msgbox( wb.jQuery("#idTest").text() )

//这样可以获取原始DOM对象 var ele = wb.jQuery("#idTest")[0] //winform.msgbox( ele.innerHTML )

//根据节点ID查询节点,使用text() 函数修改文本 wb.jQuery("#idTest").html("Query有意思的是可以使用CSS的语法匹配一个节点的集合 并将他们封装为一个组合,操作组合里所有对象一如操作一个对象,由jQuery自动完成循环操作 打开 jQuery教程")

//根据CSS类名查询节点,使用css() 函数修改样式 wb.jQuery(".style2").css("font-size","10.5pt")

//根据CSS标签名查询节点,使用css() 函数修改样式 wb.jQuery("div#idTest2").css("color","red")

winform.msgbox( "点确定隐藏指定节点" ); wb.jQuery("div#idTest2").fadeOut( "slow" );

//在Javascript中调用jQuery var js = /** $("div#idTest").click( function(){ $("div#idTest2").html("打开 jQuery教程") $("div#idTest2").fadeIn( "slow" ); } )
**/ wb.doScript(js) winform.text = "点击文字试试"

//进入消息循环 win.loopMessage(); return winform,wb;

Markdown 格式