//入门
import win.ui;
/*DSG{{*/
var winform = win.form(text="jQuery 测试";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 = /**
测试文本
测试文本
**/
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;