JqueryEasyUI引入，及初试

阅读更多

JqueryEasyUI引入，及初试

   首先我们初看下JqueryEasyUI插件部分目录（ http://www.jb51.net 提供下载）

 

 

      二话不说，我敏感的顺序就是-->demo-->jquery-1.8.0.min.js-->jquery.easyui.min.js 

好吧...其他的被我忽略了，不好意思。

    能不能用，先把demo跑起来再说，demo都不行了超过10分钟就别看了。换吧....

经测试，本人下载的不是坑.

既然是js插件，那就肯定要引入到html，jsp....中才行。

A：如何引用？

B：模仿demo！

A：是的，老大。

（其实A,B都是一个人，呵呵）

看图说话，适合我们新手！

 

 

项目目录如上图：

在index.html中引入(傻瓜式copy，记得要改路径)：

就这么简单！

测试：请$.messager对象来演示（easyUI文档中众对象之一）

$.messager.show({
   title:'我的消息',
   msg:context+arg,
   timeout:4000,
  // showType:'show',
   showType:'slide',
   style:{
    right:'',
    top:document.body.scrollTop+document.documentElement.scrollTop,
    bottom:''
   }

  });

相当于高级弹出效果了。想了解更多可查文档....

附图：

 

  额外话题：猜想，因为此插件引用了jquery-1.8.0.min.js所以jquery的功能都可以用。

我测了下选择器，如下：

js：

//取得所有a标签中的文本拼接后的值
  var context = $("a").text();
  //var context = $("a[id='show']").text();

html：

Welcome BZ World!!
 Welcome BZI World!!

确实是可以！

 

• 
• 大小: 8.4 KB

• 
• 大小: 6.2 KB

• 
• 大小: 4.3 KB

• 查看图片附件