jquery中 dom对象与jQuery对象相互转换

var jq = $(dom对象);//额 再补充点吧好记。 $是jquery的别名。这一句等价于 var jq = jQuery(dom对象);

反之。

dom对象 = jq[0];

//不写那么长了,简单明了些。感觉dom对象和jquery对象大家应该能分清。话说好多时候还是jQuery对象好用的多。

时间: 2024-10-01 21:09:31

jquery中 dom对象与jQuery对象相互转换的相关文章

JQuery中Dom的基本操作

Dom基本操作 一.Dom元素的获取 1.var $allP = $('p'); $allP.get(0)//第一个p $allP.get(-1)//最后一个p $allP.get()//所有的p $allP[0]//第一个p 2. $('p').toArray()//将jqure转化为Dom元素的数组 3. 获取第一个包含Dom元素的jquery对象    var $firstp = $('p').first()    等价于     var $firstp1 = $('p:first') 4

jQuery中dom操作(待续)

一.查找DOM节点 查找节点非常容易,使用选择器就能轻松完成各种查找工作.例:查找元素节点p返回p内的文本内容$("p").text();例:查找元素节点p的属性返回属性名称对应的属性值$("p").attr("title"),返回p的属性title的值. 二.新建DOM节点 1.创建元素节点 创建元素节点并且把节点作为<ul>元素的子节点添加到DOM节点树上.先创建元素点,创建元素节点使用Jquery的工厂函数$()来完成,格式如下

HTML中 DOM操作的Document 对象详解(收藏)

Document 对象Document 对象代表整个HTML 文档,可用来访问页面中的所有元素.Document 对象是 Window 对象的一个部分,可通过 window.document 属性来访问. Document 对象的集合:(1)all[]:all 集合返回对文档中所有 HTML 元素的引用.语法: document.all[i]document.all[name]document.all.tags[tagname] 说明:第一:all[] 是一个多功能的类似数组的对象,它提供了对文

JQuery中DOM事件合成用法

jQuery有两个合成事件——hover()方法和toggle()方法 类似前面讲过的ready()方法,hover()方法和toggle()方法都属于jQuery自定义的方法. hover()方法: hover()方法的语法结构为:hover(enter,leave); hover()方法用于模拟光标悬停事件.当光标移动到元素上时,会触发指定的第1个函数(enter);当光标移出这个元素时,会触发指定的第2个函数(leave). 代码为: $(function(){ $("#panel h5.

jQuery复习—DOM无关的jQuery实用函数

DOM无关的jQuery实用函数 一.实用函数的定义 定义在jQuery/$命名空间下不操作包装集的函数.一般来说这些使用函数要么操作除DOM元素以外的JavaScript对象,要么执行一些与Dom操作无关的操作. 二.操作JavaScript对象和集合 1.修建字符串  $.trim(value) 定义:删除传入的字符串开头和结尾处的空白字符,并返回修改后的结果 参数:value需要修改的字符串 返回值:修改后的字符串 $.trim($('#someFiled').val()); 2.遍历属性

jquery中的 deferred之 deferred对象 (一)

案例: var def=$.Deferred(); console.log(def);//答案见 图1 图1: deferred就是一个有这些方法的对象. 看源码分析: Deferred: function( func ) { var tuples = [ // action, add listener, listener list, final state [ "resolve", "done", jQuery.Callbacks("once memor

jquery中DOM的操作方法

先介绍几个比较简单的方法,不经常用到,做个记录 1. filter() 方法 顾名思义,filter是一个过滤器,如果给定表示 DOM 元素集合的 jQuery 对象,.filter() 方法会用匹配元素的子集构造一个新的 jQuery 对象.所使用的选择器会测试每个元素:所有匹配该选择器的元素都会包含在结果中. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 div { width:60px; height:

第75天:jQuery中DOM操作

一.基础操作 1.html() 使用html()方法读取或者设置元素的innerHTML. 就是相当于javascript里头的innerHTML. 2.text() 使用text()方法读取或者设置元素的innerText. 就是相当于javascript里头的innerText. 3.attr() 使用attr()方法读取或者设置元素的属性,对于jQuery没有封装的属性(所有浏览器没有差异的属性)用attr进行操作. 4.removeAttr 使用removeAttr删除属性.删除的属性在

jQuery中DOM操作

text().html() 以及 val(),同样拥有回调函数.回调函数由两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值.然后以函数新值返回您希望使用的字符串. 1.text() - 设置或返回所选元素的文本内容 2.html() - 设置或返回所选元素的内容(包括 HTML 标记) 3.val()   -  设置或返回表单,文本框的值 4.attr()  - 设置获取属性值. $("button").click(function(){ $("#w3s"