12 设置和获取HTML、文本和值
$("selector").html()
获取html代码
$("selector").html(html)
设置html代码(替换标签中内容),html()方法不可用于XML文档
$("selector").text()
获取纯文本内容
$("selector").text(text)
设置文本内容(替换标签中内容),text()方法可以用于XML文档
$("selector").val()
获取元素的值
$("selector").val(value)
设置元素的值,(外:defaultValue属性可获得html默认属性,P80例:if (txt_value==this.defaultValue){...})
$("select").val("option")
设置select控件的选中状态,类似有:$(":checkbox").val("check1","check2"); $(":radio").val("radio1");
(外:可以使用attr()方法实现同样功能,如:$("select option:eq(1)").attr("selected",true); $("[value=radio2]:radio").attr("checked",true);)
13 遍历节点
$("selector").children()
获取匹配元素的子元素集合,以数组返回(只考虑子元素,不考虑子元素以下的后代元素)
引申:循环取得每个子元素html内容的方法:
<script>var $ul = $("ul").children();for (var i=0 len=$ul.length; i<len; i++){alert($ul[i].innerHTML);}</script>$("selector").next()
获取匹配元素后面紧邻的同辈元素,以数组返回
$("selector").prev()
获取匹配元素前面紧邻的同辈元素,以数组返回
$("selector").siblings()
获取匹配元素前后所有的同辈元素,以数组返回
P88使用此方法的例子:
<script>$(".has_children").click(function(){$(this).addClass("highlight").children("a").show().end().siblings().removeClass("highlight").children("a").hide();})</script>$("selector").closest()
获取最近的匹配元素,首先检查当前元素是否匹配,如匹配则返回元素本身,否则逐级向上查找父元素知道匹配为止,如果找不到则返回空的jQuery对象
P89例
<script>$(document).bind("click",function(e){$(e.target).closest("li").css("color","red");})</script>
其他遍历节点的方法(find(), filter(), nextAll(), prevAll(), parent(), parents()等)本书从略
14 CSS-DOM操作
$("selector").css("property")
获取元素样式的property属性的值
$("selector").css("property","value")
设置元素样式的property属性的值
$("selector").css({"property1":"value1","property2":"value2"})
同时设置元素多个样式属性的值。注:例:"font-size" = fontSize (无引号的驼峰写法)
$("selector").css("opacity","value")
设置透明度(支持所有浏览器),value值(0 ~ 1)
$("selector").css("height")
获取元素高度的height值
$("selector").height()
获得元素当前计算的实际高度值,肯定不会返回auto之类,还可以用来获取window和document的高度
$("selector").height(100)
设置高度,默认单位px,如要使用其他单位需要传递字符串如.height(10em)
$("selector").width()
获取元素当前计算的实际宽度值
$(selector).offset()
获取元素在当前视窗的相对偏移,返回对象包含两个属性,top和left,此方法只对可见元素有效。
P91获取<p>元素的偏移量的例子
<script>var offset = $("p").offset();var left = offset.left();var top = offset.top();</script>$("selector").position()
获取元素相对于最近的一个position样式属性设置为relative或者absolute的祖父节点的相对偏移,返回对象包含两个属性,top和left。例:
<script>var position = $("p").position();var left = position.left;var top = position.top;</script>$("selector").scrollTop()
获取元素的滚动条距顶端的距离,如:var scrollTop = $("selector").scrollTop();
$("selector").scrollLeft()
获取元素的滚动条距左侧的距离,如:var scrollLeft = $("selector").scrollLeft();
控制元素滚动条滚动到的位置,可在上述两种方法中传递参数,如:
$("textarea").scrollTop(300);
$("textarea").scrollLeft(300);
相关推荐:
ChatGPT破解:人工智能未来的无限可能,污污AI解说
AI智能软件:未来科技的核心力量
为什么“未备案域名”会成为互联网行业中的重要问题?,江干区seo优化价格
ChatGPT无法加载?检查您的网络设置并尝试重启ChatGPT,解决您的使用困扰!,ai光晕制作
seo给你什么帮助,seo的利与弊 ,ai 大厨
优化服务网-提升客户体验,打造全方位智慧服务平台,东莞网站建设员招聘信息
seo需要买什么,seo需要考虑什么 ,ai做表头
SEO总计:如何通过SEO优化实现网站流量和排名的飞跃,三元桥网站优化
OpenAI银联支付-未来支付新体验,安全便捷全新升级,医学加ai
ChatGPT全球宕机:人工智能的崩塌与未来的挑战,中国ai和美国ai教父
SEO目的:如何通过精准优化提高网站流量与转化率,百度推广网站关键词
seo需要什么部门,seo主要干什么 ,ai接入仪器
AI免费工具:提升效率与创意的秘密武器
seo配置是什么,seo设置是什么 ,ai图标制作教程
SEO关键词的选择步骤:让你的网站在搜索引擎中脱颖而出,ai书法化
文章AI生成软件高效创作新纪元
优化型网站:提升企业竞争力的必备利器,重庆网站推广工作如何
AI免费文章解读:智能写作新篇章,小店AI
SEO工装裤-打造时尚与实用兼备的工作利器,ai画中国爸爸辅导孩子写作业
SEO自行:提升网站流量的秘密武器,邹平县个人网站建设建议
如何下载免费AI软件,让你的工作和生活更智能
ChatGPT目前,我无法查看或打开附件,但我依然能为你提供全面的帮助,苹果ai谷歌ai
AI的两个主要发展阶段:从起步到突破,如何重塑未来,wps ai写作去哪里
SEO这样做,轻松引爆流量,助力企业成长,无极标准网站优化好处
ChatGPT为什么用不了了?背后的真相揭秘!,ai写作专家收费吗
不利于seo是什么,不属于seo对网店推广的作用 ,ai渐变下载
AI自动化:开启智能未来的无限可能,simplify ai
互联网快照:记录数字时代的每个瞬间,全网seo怎么优化内容
AI文章比对技术:引领写作与内容审核的新革命,ai智能写作小说免费
SEO联系:如何通过SEO优化提升您的网络营销效果,企业营销推广获客
从“官网扒下来”看企业数字化转型的未来,摄影营销策略推广文案
SEO招标:如何通过专业SEO服务助力企业脱颖而出,牡丹江关键词排名怎么样
SEO无限:如何利用SEO技术实现网站流量爆发?,网站建设总监
SEO精通:让你的内容在搜索引擎中脱颖而出,跨境电商 推广营销
ChatGPT4账号共享-让AI助力你的学习与工作,轻松提升效率,ai巨无霸
什么是seo平台seo教程,什么是 seoseo有何价值 ,论文写作ai助手公众号
为什么说seo重要,为什么说seo重要一点 ,中通智能ai是什么意思
亚马逊seo是什么公司的,“亚马逊” ,ai玩底特律
SEO指:如何通过精准优化提高网站流量和转化率,无锡论坛营销推广要多久
SEO优化:提升网站流量的终极指南,揭阳网站快速推广
为什么做seo矩阵项目,为什么做seo矩阵项目不能做 ,怎么用ai写作
seo软件是什么职位,seo用的是什么软件 ,ai感知树
为什么选择老域名工具?提升网站SEO与品牌影响力的秘密武器,软文与seo文章区别
AI搜索写文章:一丝丝智慧背后的无限可能,电脑免费ai写作神器
AI一键生成文章免费:革新写作方式,提升创作效率
SEO更好,让你的网站从此脱颖而出,渝中的知名网站建设
seo站内优化包括什么营销,seo站内优化操作流程 ,ai 玻璃图标
seo要懂些什么软件,seo常用软件 ,ai写作网站网址大全
AI一键生成文章网页版,让内容创作更简单高效
为什么要做seo si,为什么要做* ,ai里面怎么扣二维码