一. jQuery访问属性<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>jQuery attr demo</title> </head> <body><input id="check" type="checkbox" checked="checked"><label for="check">复选框</label><p></p> </body> <script type="text/javascript" src="jquery-2.1.1.min.js"></script> <script type="text/javascript">$(function(){$("input").change(function(){var $input = $(this);$("p").html("...
点击右侧的修改按钮，对应的input中的disabled和readonly得属性修改$(".buttonxg button").click(function(){ $(this).prev().children("input").removeAttr("readonly");}) Jquery的api中提供了对元素应用disabled和readonly属性的方法，在这里记录下，感兴趣的朋友可以练练手了Jquery的api中提供了对元素应用disabled和readonly属性的方法，在这里记录下。如下$(‘input‘).attr("readonly","readonly")//将input元素设置为...
js与jQuery获取text、html、属性值、value的方法是不一样的。 js与jQuery，text与innerText获取(<!---->中为结果)html:<p id="test">这是段落中的 <b>粗体</b> 文本。</p><button id="btn10">jQuery显示text</button><!--Text: 这是段落中的 粗体 文本。--><button id="btn11">jQuery显示 innerTEXT</button><!--Text: undefined。--><button id="btn12">js显示 innerTEXT</button><!--Text: test-->js:$("#btn10").click(function...
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><script language="javascript" type="text/javascript" src="jquery-3.3.1.min.js"></script><title>使用jQuery 属性过滤选择器</title><style type="text/css">body {font-size: 12px;text-align: center}div {float: left;border: ...
创建元素节点：可以有几种方式，后面会慢慢接触。常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来，通过$()函数处理，$("html结构")$("<div></div>")创建为本节点：与创建元素节点类似，可以直接把文本内容一并描述$("<div>我是文本节点</div>")创建为属性节点：与创建元素节点同样的方式$("<div id=‘test‘ class=‘aaron‘>我是文本节点</div>")我们通过jQuery把上一届的代码改造一下，如右边代码所示一条一句就搞...
offset()返回偏移坐标对象，包括top,left两个Number属性，像素数值$(selector).offset().top$(selector).offset().left详细scrollTop属性设置文档从文档顶部开始卷起的像素值scrollTop:10;原文：http://www.cnblogs.com/carolina/p/5463610.html
获取匹配的元素集合中的第一个元素的属性的值 | 设置每一个匹配元素的一个或多个属性: 在jQuery 1.6中,当属性没有被设置时候，.attr()方法将返回undefined,若要检索和更改DOM属性,比如元素的checked, selected, 或 disabled状态，请使用.prop()方法 如果第二个参数是callback,那么需要返回的是属性值,函数传参解释如下: 1:属性名称 2:返回属性值的函数,第一个参数为当前元素的索引值，第二个参数为原先的属性值 注意...
显示哪个 DOM 元素触发了事件：$("p, button, h1, h2").click(function(event){ $("div").html("Triggered by a " + event.target.nodeName + " element."); });target 属性规定哪个 DOM 元素触发了该事件。<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){ $("p, button, h1, h2").click(function(event){ $("div").html("点击...
下面列出的这些方法获得或设置元素的 DOM 属性。这些方法对于 XML 文档和 HTML 文档均是适用的，除了：html()。方法描述addClass()向匹配的元素添加指定的类名。attr()设置或返回匹配元素的属性和值。hasClass()检查匹配的元素是否拥有指定的类。html()设置或返回匹配的元素集合中的 HTML 内容。removeAttr()从所有匹配的元素中移除指定的属性。removeClass()从所有匹配的元素中删除全部或者指定的类。toggleClass()从匹配的元素中...
虽然看上去好像很爽的样子，尤其在一些具有超过单行文本框<input type="text" />、多行文本框<textarea>等页面，但是，遇到一些需要特定判断的页面，你还不如设置一个id，直接通过id来取，简单方便，不用考虑遍历问题这么艰难。这种方法只是尤其使用于那些超多文本框的页面，但你又不想连用服务器语言什么aspx,jsp,php设置N个id的情况。例如，利用这个方法能够改进《【JavaScript】表单提交之前的前台处理检查三部曲》（点击打开链...
$("checkAll").click(function(){ if($("#checkAll").is(":checked")){ $("[name = items]:checkbox").attr("checked",true); }else{ $("[name = items]:checkbox").attr("checked",false); }}); 这段代码的效果是实现表单元素input的全选，但是在不同的jq版本中可能会出现第一次操作的时候正常，在第二次点击全选的时候就会失效。 jquery1.6版本中新加了prop（）方法，作用：获取匹配元素集...
1 <!DOCTYPE html>2 <html lang="en">3 <head>4 <meta charset="UTF-8">5 <title>wrap</title>6 <script type="text/javascript" src="../jquery/jquery-1.11.3.min.js"></script>7 <style type="text/css">8 .lianjie{display: inline-block;border:1px solid red}9 .border{border:1px solid red} 10 .border1{outline: 4px dotted green } 11 </style> 12 </head> 13 <body> 14 <a h...
jq选择器// 获取所有的页面元素jq对象$(‘css3选择器语法‘);var $box = $(".box:nth-child(1)"); 获取的是jq对象数组// 拿到指定的页面元素jq对象$(‘css3选择器语法‘).eq(index);var $box = $(".box").eq(1); 获取的是jq对象数组// jq 转 js （ jq对像就是由数组包裹的js对象 ）box1 = $box[0] 从数组里取出来box1 = $box.get(0) 从数组里取出来// js 转 jq$box1 = $(box1); jq操作元素对象jq操作页面内容$(".box").eq(1...
data-* 全局属性 是一类被称为自定义数据属性的属性，它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力，并可以通过脚本(一般指JavaScript) 与 HTML 之间进行专有数据的交换。简单的说就是html元素可以通过data-*属性存一些数据，类似于一个map，如果我们想在html的元素上额外的存一些东西是非常方便的。一：读取是没问题的比如我们读取div中data-num的数据：<div id="div1" data-num="1"> dataSet</div>分别用jquery和js的...
each遍历JQueryObjectArray.each(function(index,Element))复制$(".myTable").each(function(i,ele){//使用模板函数//这里的ele是一个DOM对象，要想使用jQuery对象，可以这样写$(this)//function里面的i和ele两个参数，根据实际情况填console.log(`${i}: ele.innerText`); });toFixed(2) 保留2位小数数组map拼接数组调用map，会自动拼接成一个字符串复制 $.getJSON(‘json_data.html‘, {name1: ‘参数值‘, name2: ‘value2‘}, f...