在get方式的参数传递中，常常需要将JavaScript对象，转换成查询字符串，比如： { method: get, state: 200 }会转换成 ?method=get&state=200方法1：用JavaScript serialize = function(obj) {var str = [];for (var p in obj)if (obj.hasOwnProperty(p)) {str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));}return str.join("&"); } console.log(serialize({foo: "hi there",bar: "100%" }));输出：// foo=hi%...
一、 创建节点： 节点是DOM结构的基础，根据DOM规范，节点是一个很宽泛的概念，包含元素、属性、文本、文档和注释。但在实际开发中，要动态创建内容，主要操作的节点包括元素、属性和文本。 1、需求：创建一个h1 标签，把它作为div元素的子节点添加到DOM节点树中。 2、基本思路是：先创建一个h1元素对象，然后添加到文档中。 3、以下是两种实现方式： // jQuery方式 var $h1 = $("<h1 title=创建节点 class=head>jQuery与JavaScrip...
网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.scrollWidth 网页正文全文高： document.body.scrollHeight 网页被卷去的高： document.body.scrollTop 网页被卷去的左： document.body.scrollLeft 网页正文部分上： window.sc...
一直苦于没有好的国籍控件可以用，于是抽空写了一个国籍控件，现分享给大家。 主要功能和界面介绍 国籍控件主要支持中文、英文过滤以及键盘上下事件。源码介绍 国籍控件核心是两个文件，navtionality.js 和 mian.css。navtionality.js主要功能是国籍控件的DOM构建以及相应的事件绑定；main.css主要是用于渲染国籍控件的样式。而main.js是国籍控件的调用方法。HTML结构 国籍控件要呈现在页面上，必须事先在页面中加以设置以供控件加...
代码如下: var content = UE.getEditor(myEditor).getContent();myEditor是ueditor 的名称name。代码如下: <textarea name="myEditor" id="myEditor"></textarea> <script type="text/javascript"> var editor = new UE.ui.Editor(); editor.render("appendInput"); //1.2.4以后可以使用一下代码实例化编辑器 //UE.getEditor(myEditor) </script>方法很简单，小伙伴们是否了解了呢？
前言 JsRender是一款基于jQuery的JavaScript模版引擎，它具有如下特点： 简单直观 功能强大 可扩展的 快如闪电 这些特性看起来很厉害，但几乎每个模版引擎，都会这么宣传。。。 由于工作需要，小菜才接触到此款模版引擎。使用了一段时间，发现它确实比较强大，但小菜觉得有些地方强大的过头了，反倒让人觉得很难理解。 另一方面，JsRender的官方文档比较详细...
ps:LZ觉得这个标题有点大了，超出了能力范围，不喜勿碰。目前只记录LZ能力范围内的，日后持续补充。 一、JQuery对象和DOM对象的相互转化（《锋利的JQuery》） JQuery转化为DOM： 1、var jq = $(‘#selector); var dom = jq[index]; 2、var jq1 = $(‘#selector1); var dom1 = jq1.get(index) 或者 var dom1 = jq1.get()[index]; DOM转化为JQuery： 假设cr是一个DOM对象，转为JQuery...
代码如下:<span style="font-size:24px;"> </span> 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <script src="jquery-1.9.0.min.js"></script> <script> $(document)...
jquery 就对javascript的一个扩展，封装，就是让javascript更好用，更简单。人家怎么说的来着，jquery就是要用更少的代码，漂亮的完成更多的功能。JavaScript 与JQuery 常用方法比较1、加载DOM区别 JavaScript： window.onload function first(){ alert(first); } function second(){ alert(second); } window.onload = first; window.onload = second; //只会执行第二个window.onload；不过可以通过以下方法来进行改进：...
自动序列编号和自动属性编号，效果图如下：实现原理： 添加和删除是逆向过程，实现是一致的。 增加时，向父容器中增加元素append方法，并将所有的自定义属性编号和序列编号设置为空，然后通过$.each方法，重新为自定义属性编号和序列编号赋值。 代码如下:$.each(items, function (k, v) { $(this).attr("opt", "mopt" + k); serials.eq(k).html(k); }); 删除时，为所有删除按钮绑定事件live方法，将元素从父容器中删除detach方法...
在线编辑内容的时候，那些基于 JavaScript 的编辑器帮了我们大忙，这些所见即所得（WYSIWYG）编辑器，给我们提供了类似 Office?的操作体验。如今，任何网站内容管理系统（CMS）和博客系统都需要一个这样的编辑器。本文精选了5个基于 JavaScript?的编辑器，5个基于 jQuery 框架的编辑器。 MarkitUp – jQuery Official Website | Demo markItUp! 它不是一个“全功能，乱用”的编辑器。相反，它是一个非常轻量级的，可定制的和灵活...
jQuery与javascript对照学习(获取父子前后元素) .c1{background-color:green;padding:20px;} .c2{background-color:red;padding:20px;} .c1 div{background-color:gray;} function fNext(obj){//许多时候需要元素之间没有间隙才能取到 //alert(obj.nextSibling.id); alert(jQuery(obj).next().attr("id"));//传递this，通过$(obj)转化为jQuery对象 } function fPrev(obj){ //alert(obj.previousSibling.id); alert(jQuery(...
JavaScript是一种脚本语言，而jquery是一个JavaScript函数库，是JavaScript函数的集合；jquery基于JavaScript语言，封装JavaScript的原生方法，提供了简便的函数接口，简化了JS的操作。JavaScript 是一种脚本语言，主要用在浏览器中，实现对网页的文档对象的操作和一些用户交互动作的处理。jQuery 则是 JavaScript 的一个代码库（或习惯性叫类库），它将一些在 JavaScript 开发中经常用到的功能集合起来，以方便开发者直接使用，而...
JavaScript是一种脚本语言，而jquery是一个JavaScript函数库，是JavaScript函数的集合；jquery基于JavaScript语言，封装JavaScript的原生方法，提供了简便的函数接口，简化了JS的操作。JavaScript 是一种脚本语言，主要用在浏览器中，实现对网页的文档对象的操作和一些用户交互动作的处理。jQuery 则是 JavaScript 的一个代码库（或习惯性叫类库），它将一些在 JavaScript 开发中经常用到的功能集合起来，以方便开发者直接使用，而...
简单总结： 1、JS是一门前端语言。 2、Ajax是一门技术，它提供了异步更新的机制，使用客户端与服务器间交换数据而非整个页面文档，实现页面的局部更新。 3、jQuery是一个框架，它对JS进行了封装，使其更方便使用。jQuery使得JS与Ajax的使用更方便 关系比喻： 若把js比作木头，那么jquery就是木板（半成品） jQuery与ajax都是js的一个框架，各有各的功能，若js是父亲的话，jquery与ajax就是两个儿子 详细情况： 1.javascript...