JQery

prototype   用$()   $F()  找到的是原始的DOM，然后通过改变DOM元素的属性或增删节点来实现动态效果。

而JQery找到的是JQery对象，对对象属性操作间接来改变DOM实现效果

两种方法将JQery对象转换为对象原始DOM对象

var  obj = $obj.get(0);

或var obj = $obj.get()[0];

反过来怎么转呢：

var  obj = document.getElementById(‘a1‘);

var $obj = $(obj);

时间： 2024-10-25 23:02:07

JQery的相关文章

JQery遍历方法each

each遍历jquery对象 <script type="text/javascript" >         function readmessage(){             $("li").each(function(k,v){                 console.log(k+'----------'+v);                 v.style.color="red";                

jQuery扩展$.fn、$.extend jQery命名方法扩展 练习总结

<script>$.fn.hello = function(){  //扩展jQuery实例的自定义方法,基于$.fn的jq方法扩展    this.click(function(){        alert('hello');    })}$('input').hello();  // 点击input正确出弹窗 'hello'</script> <script>$.fn.extend({  //用extend扩展jQuery实例的自定义方法    hello:fun

JQery w3school学习第一章 标签的隐藏和显示

鄙人初学JQuery,最关键的是JQuery获取标签对象的方式 这一章学习的是点击按钮让所有标签的文字以及标签栏的位置隐藏起来,因为单纯的隐藏文字,还是会有空格和空行的影响 这里最关键的代码就是 $("p").hide(); 这里用p表示是获取了所有p标签的对象,再将它们一起隐藏. 下面是两个截图: 点击按钮之后上方文字就被隐藏了 先是根据w3school的方式写的代码 这里采用了$("document").ready(function(){};}的方式保证页面加载

JQery插件clipboard.js ----将文本复制到剪贴板的现代化方法

### 之前用了js自带的剪贴板对象clipboardData 对象以为就可以实现粘贴复制,但是种只支持IE的. 就找了jq的一个插件Zclip,但是网上的说法是利用了flesh来实现的,我用了之后可以实现,但是面对我自啊table的td中存在多个要实现粘贴复制的话,就会有问题了. 所以,才找了现在这个jqery的另一个插件,相对更好些,能够支持移动端的 ### 插件官网:https://clipboardjs.com/ 实现起来也很简单, 我就弄个例子: <!DOCTYPE html> &l

jqery对于select级联操作

问题:今天在做一个需求的时候,有一个级联操作也就是选中下拉框的一列就显示对对应的数据 处理:我在做级联的时候在option的列里面绑定click的事件发现这个事件行不通:查资料发现select触发的是change事件.代码如下图所示: 通过select这个节点的val获取一个id值再通过id值进行判断就能很好的解决这种问题了. 以下内容转自网络以便学习 总结: jqery对select的常用操作: jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id

19 01 13 JQery 加载 选择器 样式操作

在Javascript   中应该用下方法经行编辑 <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script> // 导入JQery 选择器 <script type="text/javascript"> // 下面是编辑的内容 $(function() { var $div1 = $('.div1'); $div1.css({'

自己写一个jqery的拖拽插件

说实话,jQuery比原生的js好用多了,本来想用原生写的,也写出来的,只是,感觉不像插件,所以用jQuery实现了一版. 实现的功能:可以指定拖拽的边界,在拖拽过程中,可以触发几个自定义事件 先说明一下我写的插件的原则: 1.常量分离出来,放在$.zUI.插件中 2.插件的主体执行函数命名为$.zUI.插件.fn 3.销毁函数命名为$.zUI.插件.unfn 这些规范,主要是为了以后写其他插件时,放在一起,精简代码用的,以后可能还会增加其他规则,以写出一个骨架来. 拖拽的原理其实比较简单,就是

jQery的方法

<!DOCTYPE html> <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> </head> <body> <ul class="level-1"> <li class="item-i">I</li>

jqery实现一个图标上下滑动效果

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> .contain-foot-nav { width: 33.3%; float: left; text-align: center; position: relative;}