jquery中选择器的 html() text() val() attr() 方法的区别与使用方式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html() text() val() attr()</title> <script src="./js/jquery-1.12.4.min.js"></script> <script> $(funct…

jquery中选择器input:hidden和input[type=hidden]的区别

关于选择器:hidden的说明,在jquery说明文档中是这样说的:匹配所有不可见元素,或者type为hidden的元素.而[type=hidden]是查找所有type属性等于hidden的元素.两者是有相同之处和不同之处的.:hidden匹配所有不可见元素,或者type为hidden的元素,所有样式display等于none的元素和子元素以及type="hidden"的表单元素都在查找的结果中,而[type=hidden]则只查找type属性为hidden的元素. 所以,input:…

jquery中append、prepend, before和after方法的区别（一）

原文:http://blog.csdn.net/woosido123/article/details/64439490 在 jquery中append() 与 prepend()是在元素内插入内容(该内容变成该元素的子元素或节点),after() 与before()是在元素的外面插入内容(其内容变成元素的兄弟节点). 1. append()和prepend() <div class='a'> <div class='b'>b</div> </div> 1 2…

jQuery获取文本节点之 text()/val()/html() 方法区别

1. 无参html():取得第一个匹配元素的html内容.这个函数不能用于XML文档.但可以用于XHTML文档,返回的是一个String 例子: html页面代码:<div><p>Hello</p></div> jquery代码:$("div").html(); 结果:Hello 2.有参html(val):设置每一个匹配元素的html内容.这个函数不能用于XML文档.但可以用于XHTML文档.返回一个jquery对象 html页面代码:…

jquery中append、prepend, before和after方法的区别

1.prepend() .append()方法在被选元素的开头/结尾插入文本/HTML: 2.before().after()方法在被选元素之前/之后插入内容: append() & prepend()是在元素内插入内容(该内容变成该元素的子元素或节点),after() & before()是在元素的外面插入内容(其内容变成元素的兄弟节点).…

JQuery中的$.getScript()、$.getJson()和$.ajax()方法

$.getScript() 有时候,在页面初次加载时就取得所需的全部JavaScript文件是完全没有必要的.虽然可以在需要哪个JavaScript文件时,动态地创建<script>标签,jQuery代码如下: $(document.createElement("script")).attr("src","test.js").appendTo("head"); 或者 $("<script type=…

jquery中checkbox全选失效的解决方法

这篇文章主要介绍了jquery中checkbox全选失效的解决方法,需要的朋友可以参考下如果你使用jQuery 1.6 ,代码if ( $(elem).attr(“checked”) ),将获得一个属性(attribute) ,它不改变该复选框被选中和选中.它只是用来存储默认或选中属性的初始值.为了保持向后兼容,.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外,还会更新 property 属性,因此 boolean attribute(布尔属性)不需要通过 .p…

jquery中的html()、text()、val()的区别

1.html(),text(),val()三种方法都是用来读取选定元素的内容: html()是用来读取元素的HTML内容(包括其Html标签),text()用来读取元素的纯文本内容,包括其后代元素,val()是用来读取表单元素的"value"值. html()和text()方法不能使用在表单元素上,而val()只能使用在表单元素上:val()方法和html()相同,如果其应用在多个元素上时,只能读取第一个元素的值,但是text()和他们不一样,如果text()应用在多个元素上时,将…

【jQuery源码】html,text,val

jQuery封装的方法html,text,val .html()用为读取和修改元素的HTML标签 .text()用来读取或修改元素的纯文本内容 .val()用来读取或修改表单元素的value值一.html() 1.取值获取集合中第一个匹配元素的HTML内容在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容. 如果选择器匹配多个元素,那么只有第一个匹配元素的 HTML 内容会被获取源码部分可见jQuery.access在属性节点操作的时候就详解过了,就是…

jquery中prop()方法和attr()方法的区别

最近在用jquery的时候遇到一个问题,那就是attr()方法,发现这个方法有时候使用会有一些说不出原因的问题.翻翻自己之前笔记发现,还有个函数prop(). 这两个函数都可以用来获取属性. jquery1.6中新加了一个方法prop(),官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 大家都知道有的浏览器只要写disabled,checked就可以了,而有的要写成disabled = "disabled",checked="checked",比如用…

jQuery中的prop（）和attr（）的区别

1.jQuery中的prop()和attr()的区别 prop()是在jQuery1.6版本之后才有的,在之前一直都是使用attr(), prop()修复了attr()的一些小bug. 2.推荐用法: prop() :在HTML元素固有属性的时候用prop() attr() : 推荐在HTML非固有属性(自定义属性)的时候用attr() attr() 方法设置或返回被选元素的属性值. 根据该方法不同的参数,其工作方式也有所差异. //改变图片的width属性 $("img").attr…

Jquery中的has、find、filter方法区别

find方法 find返回的是匹配结果集,作用于后代$(‘li’).find(‘.a’).css(‘background-color’, ‘red’);在li下面查找元素是否有class=a的元素,返回class=a的元素的集合.比如如下例子: <!DOCTYPE html> <html> <head> <script type="text/javascript" src="/jquery/jquery.js"><…

Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的使用方法总结

具体解读Jquery各Ajax函数: $.get(),$.post(),$.ajax(),$.getJSON() 一 $.get(url,[data],[callback]) 说明:url为请求地址.data为请求数据的列表.callback为请求成功后的回调函数.该函数接受两个參数.第一个为server返回的数据,第二个參数为server的状态,是可选參数. 而当中,server返回数据的格式事实上是字符串形势,并非我们想要的json数据格式.在此引用仅仅是为了对照说明代码例如以下: $…

js jquery中判断checkbox是否被选中的方法

在js中: document.getElementById("checkboxID").checked 返回true或者false jQuery中: $("input[type='checkbox']").is(':checked') 返回true或false 1.attr()方法设置或者返回备选元素的值 attr(属性名) //获取属性的值 attr(属性名,属性值) //设置属性的值 $("#id]").attr("…

jquery中ajax使用error调试错误的方法

JQuery使我们在开发Ajax应用程序的时候提高了效率,减少了许多兼容性问题,我们在Ajax项目中,遇到ajax异步获取数据出错怎么办,我们可以通过捕捉error事件来获取出错的信息. jquery中ajax的常用用法类似于: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 $(document).ready(function() { jQuery("#clearCac").click(function() { j…

jquery中innerwidth，outerwidth，outerwidth和width的区别

在jQuery中,width()方法用于获得元素宽度: innerWidth()方法用于获得包括内边界(padding)的元素宽度, outerWidth()方法用于获得包括内边界(padding)和边框(border)的元素宽度, 如果outerWidth()方法的参数为true则外边界(margin)也会被包括进来,即获得包括外边框(margin).内边界(padding)和边框(border)的元素宽度. 同理,innerHeight方法与outerHeight方法也是用同样的方法计算相应…

jquery中ready函数,$(function(){})与自执行函数的区别

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="js/jquery-1.12.1.js"></script> <script type=&q…

详解jQuery中 .bind() vs .live() vs .delegate() vs .on() 的区别

转载自:http://zhuzhichao.com/2013/12/differences-between-jquery-bind-vs-live/ 我见过很多开发者很困惑关于jQuery中的.bind(), .live(), .delegate() 和 .on() 的使用以及它们的不同. 如果你没有耐心或者只想看到总结的话,请直接跳转到结尾. 在我们深入了解这些方法之前,先准备好HTML代码. <pre> <ul id="members" data-role=&qu…

在JQuery中$(document.body)和这个$("body") 这两的区别在哪里？

两种写法代表的是同一个对象 $("body") 是一个选择器,jQuery 会从 DOM 顶端开始搜索,直到找到标签为 body 的元素. 而 $(document.body) 中的 document.body 已经是一个 DOM 对象,jQuery 可以直接使用此元素. 所以它们的区别在于效率,$(document.body) 高于 $("body") 但一般情况下在普通单页面是体现不出来的.…

Javascript(jQuery)中绑定页面上所有按钮点击事件的几种方式

方法一:使用document对象查找所有的按钮 [javascript] view plain copy 在CODE上查看代码片派生到我的代码片 //按照dom的方式添加事件处理 function BindByDom() { try{ var htmlBtns = document.getElementsByTagName('button');//获取HTMLCollection对象集合 //遍历集合,一个一个地设置点击事件 for (var i = 0; i < htmlBtns.length…

jQuery中append()、prepend()与after()、before()的区别

转载未曾见海 https://www.cnblogs.com/afei-qwerty/p/6682963.html 在jQuery中,添加元素有append(),prepend() 和 after(),before()两种共四个. 根据字面意思我们可以看出他们分别是追加,添加和之前,之后,意思相近.同时他们又都有添加元素的作用,容易混淆. 要想搞清楚他们之间的区别. 首先我们要明白这几个函数各自的作用. 一.append()和prepend()的作用 append() 在被选元素的结尾插…

prop()方法和attr()方法以及区别

prop()方法: prop() 方法设置或返回被选元素的属性和值. 当该方法用于返回属性值时,则返回第一个匹配元素的值. 当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对. 注意:prop() 方法应该用于检索属性值,例如 DOM 属性(如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected).提示:如需检索 HTML 属性,请使用 attr(…