jQuery -原生 如何互转】的更多相关文章

今天研究源码的时候发现,不需要用get() 也能进行原生转换,使用原生方法. 原生- jQuery对象   var obj=document.xxx $(obj).css(); 也可以直接 $(document.xxx) jQuery对象 - 原生 方法一 : get()  $('li').get(); 这是吧jq获取的元素的集合转换成了原生对象,get()中也可以放参数代表当前被转换的那一个可以是使用原生方法了. 很多问eq() 和get()的区别: 很简单,你用了eq()那么后面就无法使用原…
[JQuery语法] 1.jQuery("选择器").action();通过选择器调用事件函数,但是jquery中,jquery可以用$(“选择器”).action();   ① 选择器,可以直接使用css选择器,选中元素   ② .action表示对元素执行的操作2.文档准备就绪:防止文档在完全加载(就绪)之前运行jquery代码    $(document).ready(function(){//jquery代码});     或者简写方式$(function(){});[文档就绪…
获取jquery的原生对象: $("#div")[0]…
// 1.自调防止全局变量污染(function( window ) { var version = '1.0.0'; var document = window.document; var arr = []; var push = arr.push; var slice = arr.slice; var concat = arr.concat; var obj = {}; var toString = obj.toString; var hasOwn = obj.hasOwnProperty;…
前言 jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库( 或JavaScript框架).jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作.事件处理.动画设计和Ajax交互. 上一篇博客中,小编给大家展示了jQuery的一大优势,自定义插件.相信这个功能让各位都跃跃欲试,…
1.Dom对象转换为jQuery对象 a.直接获取视频,得到就是jQuery对象 $('video'); b.我们已经使用原生js,获取过来 Dom对象 var myvide = document.querySelector('video'); $(myvideo); 2.jQuery对象转换为Dom对象(两种方法) $('div')[index] //index 是索引号 $('div').get(index) //index 是索引号 $('video')[0].play(); $('vid…
extend 方法在 jQuery 中是一个很重要的方法,jQuey 内部用它来扩展静态方法或实例方法,而且我们开发 jQuery 插件开发的时候也会用到它.但是在内部,是存在 jQuery.fn.extend 和 jQuery.extend 两个 extend 方法的,而区分这两个 extend 方法是理解 jQuery 的很关键的一部分.先看结论: 1)jQuery.extend(object) 为扩展 jQuery 类本身,为类添加新的静态方法: 2)jQuery.fn.extend(ob…
// 添加一个处理兼容获取样式的静态方法jQuery.getStyle = function( dom, styleName ) { // dom不是dom,styleName不是字符串,直接打走 if( !jQuery.isDOM( dom ) || !jQuery.isString( styleName ) ) { return false; } // 兼容获取指定的样式 if( window.getComputedStyle ) { return window.getComputedSty…
jQuery.extend({ // 绑定事件 addEvent: function( ele, type, fn ) { // ele不是DOM,type不是字符串,fn不是函数,打包打走 if( !jQuery.isDOM( ele ) || !jQuery.isString( type ) || !jQuery.isFunction( fn ) ) { return false; } // 兼容处理 if( ele.addEventListener ) { ele.addEventList…
// 扩展DOM操作方法jQuery.fn.extend({ // 设置或者获取元素的内容 html: function( html ) { /* * 实现思路: * 1.不传参,返回第一个元素的内容 * 2.传参 * 2.1.参数类型为null,遍历所有元素,依次清除它们的内容 * 2.2.参数类型为字符串,遍历所有元素,依次重置它们的内容 * 3.链式编程返回this * */ // 不传参,返回第一个元素的内容 if( arguments.length === 0 ) { return t…