js对象和jq对象互相转换】的更多相关文章

这两天给后台页面做页面,我的工作比较简单,只需要写结构和样式就行了,写好之后,后端大哥用ajax重写页面加载数据,顺便给标签添加选中事件,做选中后变色的处理,但是却遇到一个问题,一直选不到触发事件这个对象.简单还原代码如下 <button id='btn' onclick='check()' name='abc' value='123'>类别</button> <script> function check() { console.log($(this).name);…
jQuery的基本使用.JQ功能概括.JS对象与JQ对象转换.Ajax简单应用.轮播图 一.认识jQuery 1.什么是jQuery jQuery是对原生JavaScript二次封装的工具函数集合 jQuery是一个简洁高效的且功能丰富的JavaScript工具库 2.jQuery的优势 完全开源的源代码 强大简洁的选择器 事件.样式.动画的良好支持 链式表达式 简化的Ajax操作 跨浏览器兼容 丰富的插件及对外的扩展接口 二.jQuery的安装 1.版本 开发(development)版本:j…
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js" ></script> </head&g…
什么是Jquery? Jquey就是一款跨主流浏览器的JavaScript库,简化JavaScript对HTML操作 就是封装了JavaScript,能够简化我们写代码的一个JavaScript库 为什么要使用Jquery? 我觉得非常重要的理由就是:它能够兼容市面上主流的浏览器,我们学习AJAX就知道了,IE和FireFox获取异步对象的方式是不一样的,而Jquery能够屏蔽掉这些不兼容的东西- (1)写少代码,做多事情[write less do more] (2)免费,开源且轻量级的js库…
1.DOM 对象转成 jQuery 对象 var v = document.getElementById("v"); //DOM对象 var $v = $(v); //jQuery 对象 即:把js对象括号 然后前面加上$符号. 2.jQuery 对象转成 DOM 对象 var $v = $("#v"); //jQuery 对象 var v = $v.get(0); //DOM对象 ( $v.get()[0] 也可以 ) alert(v.checked); //检测…
JQuery 对象不能使用DOM对象中的方法,同样,Dom对象 不能使用JQuery 中的方法,但有时候 ,我们不得不使用JQuery的方法或者 Dom对象的方法,该怎么办呢? 下面介绍一下 jq对象与Dom对象的相互转换. jq--->dom JQuery提供 了两种方法来转换    [index]  和  get(index); 方法一 var $cr=$("#cr"); //jq对象 var cr = $cr[0]; //jq 转dom 方法二 var cr=$("…
1.js对象转jq对象:    $() $('#kw') $(document.getElementById("kw")) 2.jq对象转js对象: $(this).get(0) .$(this)[0] $('#kw').get(0) $('#kw').[0] 3.封装自己的‘jq’ 思路: 依据现有api(当然那要考虑各种兼容性). 定义输入与输出(包括对各种选择器的处理以及返回的呈现方式). 功能实现(说白了就是获取可能的集合然后筛选出指定的输出). 可扩展性(比如是否支持链式调用…
jquery对象和DOM对象的区别和转换 在使用jquery时,我们直接通过jq的选择器获取元素,然后对元素进行操作,用jq选择器获取到的对象是一个jq对象,jq对象能够使用jq提供的方法,但是不能用原生的DOM方法,同样的用DOM方法获取到的DOM对象也不能用jq中提供的方法. jq对象的特点 jq对象是经过jQuery包装DOM后产生的对象,jq对象是jq独有的,能够使用jq中封装的方法. js对象 用原生方法获取产生的对象是原生js对象,原生js对象不能使用jq中提封装的方法. js对象转…
1.4. jQuery的版本 官网下载地址:http://jquery.com/download/ jQuery版本有很多,分为1.x 2.x 3.x 大版本分类: 1.x版本:能够兼容IE678浏览器 2.x版本:不兼容IE678浏览器 1.x和2.x版本jquery都不再更新版本了,现在只更新3.x版本. 3.x版本:不兼容IE678,更加的精简(在国内不流行,因为国内使用jQuery的主要目的就是兼容IE678) 关于压缩版和未压缩版 jquery-1.12.4.min.js:压缩版本,适…
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id = "box">div</div> <div id = "box1">div1</div> <div id = &q…