【锋利的jQuery-1--jQuery对象和DOM对象以及相互转化】教程文章相关的互联网学习教程文章

jQuery对象与dom对象的转换-$('#id)[0]【代码】

取原生态的DOM对象,因为jquery会把选择器匹配的dom对象存放在以$.fn.init为构造函数生成对象的泛型数组里。一直以来对于通过jQuery方式获取的对象使不能直接使用JavaScript的一些方法的,开始的时候不理解,现在此案知道,原来jQuery获得的对象并不和我们平时使用getElementById获得的对象是一样的对象。所以一些新手就很迷惑,为什么${"#Element"}不能直接innerHTML,这就是原因所在,解决方式请看下文。jQuery对象与dom对象的转...

jquery 对象数组的克隆和深度克隆

var obj1 = $.extend(false, {}, obj2); //对象克隆var obj1 = $.extend(true, {}, obj2); //对象深度克隆----------------------------把{} 换成了[]---------------var obj1 = $.extend(false, [], obj2); //数组克隆var obj1 = $.extend(true, [], obj2); //数组深度克隆 所谓的深度就是指有好几层关系在里面,普通克隆下面几层还会保持引用关系。原文:http://www.cnblogs.com/amazingDuck/p/5113941.html

jquery json对象转换

jquery json对象转换<pre>//json数组转json串var arr = [1,2,3, { a : 1 } ];JSON.stringify( arr );//json字符串转json数组var jsonStr = ‘[1,2,3,{"a":1}]‘;JSON.parse( jsonStr );</pre>额外小知识:如果要拼json字符串 以下2种写法 (先拼接json对象 然后再转换成json字符串) 数据和json对象都可以看成 json对象<pre>var contact = new Object();contact["firstname"] = "Jesper";contact["surname"] = "Aaberg"; cons...

拓展Jquery对象,实现Post提交网页【代码】

$.extend({StandardPost:function(url,args){var body = $(document.body),form = $("<form method=‘post‘></form>"),input;form.attr({"action":url});$.each(args,function(key,value){input = $("<input type=‘hidden‘>");input.attr({"name":key});input.val(value);form.append(input);});form.appendTo(document.body);form.submit();document.body.removeChild(form[0]);}}); 原文:http://www.cnblogs.com/wln3344/p/4...

jQuery源码06-jQuery = function(){};给JQ对象,添加一些方法和属性,extend : JQ的继承方法,jQuery.extend()【代码】

/*!* Includes Sizzle.js 选择器,独立的库* http://sizzlejs.com/*/ (function( window, undefined ) { //"use strict";var// rootjQuery = jQuery(document) = $();压缩有用 rootjQuery,// dom是否加载完 readyList,// core_strundefined == ‘undefined‘core_strundefined = typeof undefined,// Use the correct document accordingly with window argument (sandbox)location = window.location,document = window....

jQuery实现form表单序列化转换为json对象功能示例【代码】【图】

<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>jquery form序列化转换为json对象</title><script src="//cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script></script></head><body><form action="" name="post_form" id="post_form">姓名:<input type="name" name="name" value="王"><br/>性别:<input type="radio" name="sex" value="男"checked>男<input type="radio" name="sex" value="女">女<br/>爱好:...

jQuery的deferred对象详解

作者: 阮一峰日期: 2011年8月16日jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax。为了实现它,jQuery的全部ajax代码都被改写了。但是,它比较抽象,初学者很难掌握,网上的教程也不多。所以,我把自己的学习笔记...

JQuery获取对象标签类型

通过JQuery的selector,我们很容易的获取了对象。但是,如果想知道对象类型,进行不同的操作,该如何获取对象标签类型呢?$JQueryObject.prop("tagName");或者仅仅是判断类型$JQueryObject.is("TR");//如果是<tr />返回true,否则返回false。如果使用原生DOM选择器,还可以这样:document.getElementById("targetId").tagName; 如有问题,欢迎反馈交流!原文:http://www.cnblogs.com/youyoubaishu/p/3728709.html

jquery取对象数组元素的错误方式【代码】

代码如下:1<div id="div1">2<span>a</span>3<span>b</span>4<span>c</span>5</div> 1.错误方式:不能用[]方式取jquery对象数组,如下:1 $(function() { 2var div_span = $("#div1 span"); 3for( var i = 0; i < div_span.length; i++ ) { 4 div_span.[i].html(i); 5 } 6 });这样无效. 2.可以用jquery的eq()方法来选择:1for( var i = 0; i < div_span.length; i++ ) { 2 div_span.eq(i).html(i); 3 }3.可以用each()方法来...

jQuery对象与DOM对象【代码】

jQuery对象与DOM对象是不一样的通过一个简单的例子,简单区分下jQuery对象与DOM对象:<p id=”imooc”></p>我们要获取页面上这个id为imooc的div元素,然后给这个文本节点增加一段文字:“hello,world”,并且让文字颜色变成红色。通过标准JavaScript处理:var p = document.getElementById(‘imooc‘); p.innerHTML = ‘hello,world!‘; p.style.color = ‘red‘;通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取...

DataTable转json字符串,jQuery.parseJSON()把json字符串转为标准的json对象格式

1.string res = DataTableToJson.DataTable2Json(dt);讲DataTable转换为json字符串 http://www.365mini.com/page/jquery_parsejson.htm 2.jQuery.parseJSON()函数用于将格式完好的JSON字符串转为与之对应的JavaScript对象 var res = $.parseJSON(data).ds原文:http://www.cnblogs.com/zhoumeng780/p/4585124.html

jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象【代码】【图】

Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程。测试环境:部署到Tomcat中的web项目。本文演示的是:jQuery form插件的使用--ajaxForm()和ajaxSubmit()的可选参数项对象 ajaxForm()和ajaxSubmit()的可选参数项对象 ajaxForm 和 ajaxSubmit 都支持大量的可选参数,它们通过可选参数项对象传入。可选参数项对象只是一个简单的 JavaScript对象,里边包含了一些属性和一些值:target用server...

jquery 字符串转dom对象及对该对象使用选择器查询【代码】

<script>$(document).ready(function () {var htmlStr = ‘<div id="outerDiv"><div class="class1"><a>aa</a></div><div class="class1"><span>bb</span></div><div>cc</div></div>‘var htmlObj = $(htmlStr); //将字符串转为jquery的dom对象console.log(htmlObj.html());var filterObj = htmlObj.find(".class1"); //对转换后的对象进行查询console.log(filterObj);alert($(filterObj[0]).html()); //<a>aa</a>alert($(filterOb...

黑马程序员_JavaScript变量转换和Jquery对象的转换

在实际编程过程中,有很多对字符串进行判断、拆分、比较、转换类型、校验等操作,下面我会总结下JavaScript变量转换和Jquery对象的转换。1.JavaScript 变量转换及字符串操作1.字符串变成int类型使用函数:parseInt();使用此函数,可将string类型变量转换为int类型。而且只能够对string类型变量使用。如果待转换string类型变量无发转换为int类型时,函数会返回NaN。实例如下:var v_Num = parseInt(‘256ok‘); // 赋值为 256var v_...

jQuery函数与对象(一)【代码】

一、jQuery函数jQuery函数的两种表现形式:1、jQuery()2、$()说明:在jQuery中使用jQuery()与$()是等价的,一般情况下均使用$()jQuery函数中可以存放的四种参数形式: 【返回的均是jQuery对象】1、$(选择器字符串) jQuery函数通过相应选择器获取对应的DOM对象,然后将这些DOM封装到一个jQuery对象中并返回eg:var $div = $(‘div‘);  //选取所有div元素节点并返回有这些DOM节点封装到一个jQuery对象中2、$(DOM对象)(即Node的...