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

1.js对象转jq对象:    $() $('#kw') $(document.getElementById("kw")) 2.jq对象转js对象: $(this).get(0) .$(this)[0] $('#kw').get(0) $('#kw').[0] 3.封装自己的‘jq’ 思路: 依据现有api(当然那要考虑各种兼容性). 定义输入与输出(包括对各种选择器的处理以及返回的呈现方式). 功能实现(说白了就是获取可能的集合然后筛选出指定的输出). 可扩展性(比如是否支持链式调用…
这两天给后台页面做页面,我的工作比较简单,只需要写结构和样式就行了,写好之后,后端大哥用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…
[JS json对象(Object)和字符串(String)互转方法] 参考:https://blog.csdn.net/wenqianla2550/article/details/78232706 string -> jsonObj JSON.parse(jsonString); jsonObj -> string JSON.stringify(jsArr); 记录一下…
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=$("…
<!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是面向对象的程序,面向对象就离不开方法和属性. 方法的简化 jQuery.fn=jQuery.prototype={ jquery: 版本 constructor: 修正指向问题 init(): 初始化和参数管理 selector:存储选择字符串 length:this对象的长度 toArray():转数组 get(): 转原生集合 pushStack():JQ对象的入栈 each():遍历集合 ready():DOM加载的接口 slice():集合的截取 first():集合的第一…
jq常用事件(on,blur,focus,change) // 方法一(推荐) $('.box').on( "click",function() {} ) $('.box').on( "click",function(ev) { ev.data.aaa // 跟js事件对象一样 }) // 方法二 $(".box").click( function(){} ) // 右键事件,取消系统默认事件 $('.sup').on('contextmenu'…
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 lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"…