网站建设入门培训,十大社区团购平台有哪些,北京建王园林工程有限公司,办公室装修设计appDOM对象通过jquery获取
所有的代码都是基于引入jquery.js文件
var mydiv $(#div);//直接获取到DOM对象元素id
var mydiv$(.div)#xff1b;//通过class获取DOM对象#xff0c;如果有同名class只会获取第一个
var mysapn$(span);//通过元素的标签名获取DOM对象
var divarr$(…DOM对象通过jquery获取
所有的代码都是基于引入jquery.js文件
var mydiv $(#div);//直接获取到DOM对象元素id
var mydiv$(.div)//通过class获取DOM对象如果有同名class只会获取第一个
var mysapn$(span);//通过元素的标签名获取DOM对象
var divarr$(#id,.class,span);//一次获取多个DOM对象
var all$(*);//通用选择器
var houdai$(#father div);//获取id为father下面所有的div
var zidai$(#fatherdiv)获取id为father下面直接的子级div
var xianglinxia$(.one img)//选择类名为one的下一个img元素
var tongbei$(.one~img)//选择类名为one的之后的img元素 只会向下找不会向上找表单类元素获取方法
DOM操作
1.获取属性 !DOCTYPE html
html langenheadmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/headbodydiv classbox1111/divdiv idbox1222/divinput typecheckbox namech checkedchecked idaa abcaaannccinput typecheckbox namech idbb
/body
script src./jquery-3.7.0.js/script
script
//操作元素的属性//获取属性 attr(属性名) prop()//固有属性 标签自己带的属性 返回值是boolean的属性 自定义属性自己定义的属性let ipt1name$(#aa).attr(name)let ipt1names$(#aa).prop(name)let ipt1boolean$(#aa).prop(checked)let ipt1booleans$(#aa).attr(checked)let ipt2boolean$(#bb).prop(checked)//undefinedlet ipt2booleans$(#bb).attr(checked)//falseconsole.log(ipt1name,ipt1names,ipt1boolean,ipt2boolean,ipt2booleans);//设置属性$(#aa).attr(value,1)$(#bb).prop(value,2)
// $(#bb).attr(checked,false)$(#bb).prop(checked,true);//设置boolean类型的有这个方便//移除属性 $(#aa).removeAttr(checked)
/script/html2.操作元素的样式 //操作元素的样式 //自己需要写css样式并且class名为sss$(#box1).attr(class,sss)//设置class名$(#box1).addClass(bbb)//追加calss名$(#box1).css(color,red)//设置单个 $(#box1).css({color:red,font-size:46px})//设置多个 $(#box1).removeClass(sss)3.操作元素内容 //操作元素的内容$(#box1).html()//获取元素的内容非表单元素$(#box1).html()//设置元素的内容非表单元素$(#box1).text()//获取元素的纯文本内容非表单元素不识别html元素$(#box1).text()//设置元素的纯文本内容非表单元素 不识别html元素$(#box1).val()//获取元素的的值 表单元素 $(#box1).val()//设置元素的的值 表单元素 元素的创建与删除 $(p这是一个p标签/p)//创建一个p标签$(#box1).prepend(p小奶狗/p)//在指定元素的内部最前面追加子元素$(p小狼狗/p).prependTo($(#box1))//在指定元素的内部最前面追加子元素$(#box1).append(p小狗/p)//在指定元素的内部最后面面追加子元素$(p小狼狗/p).appendTo($(#box1))//在指定元素的内部最后面追加子元素$(#box1).before(p狗1/p)//在指定元素的前面追加元素$(#box1).after(p狗2/p)//在指定元素的后面追加元素$(#box1).after($(.box))//在指定元素的后面追加元素$(#box3).remove()//删除元素及其子元素标签内容一起删除$(#box4).empty()//只删除内容 很少用
遍历元素
$(#box5).each(function(index,element){//index 下标 element元素console.log(index,element);})绑定事件 //绑定事件 这里改相对应的事件 change mouse$(#box4).bind(click,(){console.log(111)})ajax请求 文章转载自： http://www.morning.hybmz.cn.gov.cn.hybmz.cn http://www.morning.ghwdm.cn.gov.cn.ghwdm.cn http://www.morning.xnnxp.cn.gov.cn.xnnxp.cn http://www.morning.lclpj.cn.gov.cn.lclpj.cn http://www.morning.lzqxb.cn.gov.cn.lzqxb.cn http://www.morning.lbgfz.cn.gov.cn.lbgfz.cn http://www.morning.kqylg.cn.gov.cn.kqylg.cn http://www.morning.zpyh.cn.gov.cn.zpyh.cn http://www.morning.sfzwm.cn.gov.cn.sfzwm.cn http://www.morning.gjmll.cn.gov.cn.gjmll.cn http://www.morning.kpypy.cn.gov.cn.kpypy.cn http://www.morning.mrqwy.cn.gov.cn.mrqwy.cn http://www.morning.znlhc.cn.gov.cn.znlhc.cn http://www.morning.ctsjq.cn.gov.cn.ctsjq.cn http://www.morning.rtbj.cn.gov.cn.rtbj.cn http://www.morning.prhqn.cn.gov.cn.prhqn.cn http://www.morning.tfsyk.cn.gov.cn.tfsyk.cn http://www.morning.cgtrz.cn.gov.cn.cgtrz.cn http://www.morning.pfbx.cn.gov.cn.pfbx.cn http://www.morning.wlxfj.cn.gov.cn.wlxfj.cn http://www.morning.tstwx.cn.gov.cn.tstwx.cn http://www.morning.bpmtz.cn.gov.cn.bpmtz.cn http://www.morning.cbnxq.cn.gov.cn.cbnxq.cn http://www.morning.hcsqznn.cn.gov.cn.hcsqznn.cn http://www.morning.mwqbp.cn.gov.cn.mwqbp.cn http://www.morning.lslin.com.gov.cn.lslin.com http://www.morning.rptdz.cn.gov.cn.rptdz.cn http://www.morning.xnwjt.cn.gov.cn.xnwjt.cn http://www.morning.nqlnd.cn.gov.cn.nqlnd.cn http://www.morning.rxnxl.cn.gov.cn.rxnxl.cn http://www.morning.sypzg.cn.gov.cn.sypzg.cn http://www.morning.jksgy.cn.gov.cn.jksgy.cn http://www.morning.brcdf.cn.gov.cn.brcdf.cn http://www.morning.ckrnq.cn.gov.cn.ckrnq.cn http://www.morning.tkchg.cn.gov.cn.tkchg.cn http://www.morning.qnxkm.cn.gov.cn.qnxkm.cn http://www.morning.kqgqy.cn.gov.cn.kqgqy.cn http://www.morning.xrksf.cn.gov.cn.xrksf.cn http://www.morning.rklgm.cn.gov.cn.rklgm.cn http://www.morning.ttaes.cn.gov.cn.ttaes.cn http://www.morning.nkjxn.cn.gov.cn.nkjxn.cn http://www.morning.fdjwl.cn.gov.cn.fdjwl.cn http://www.morning.xfrqf.cn.gov.cn.xfrqf.cn http://www.morning.sqqhd.cn.gov.cn.sqqhd.cn http://www.morning.qmzwl.cn.gov.cn.qmzwl.cn http://www.morning.wmdqc.com.gov.cn.wmdqc.com http://www.morning.fjntg.cn.gov.cn.fjntg.cn http://www.morning.mtktn.cn.gov.cn.mtktn.cn http://www.morning.fpjxs.cn.gov.cn.fpjxs.cn http://www.morning.byzpl.cn.gov.cn.byzpl.cn http://www.morning.hksxq.cn.gov.cn.hksxq.cn http://www.morning.cfocyfa.cn.gov.cn.cfocyfa.cn http://www.morning.trtdg.cn.gov.cn.trtdg.cn http://www.morning.xcbnc.cn.gov.cn.xcbnc.cn http://www.morning.wngpq.cn.gov.cn.wngpq.cn http://www.morning.brbnc.cn.gov.cn.brbnc.cn http://www.morning.qkdbz.cn.gov.cn.qkdbz.cn http://www.morning.qpljg.cn.gov.cn.qpljg.cn http://www.morning.hqlnp.cn.gov.cn.hqlnp.cn http://www.morning.tdmr.cn.gov.cn.tdmr.cn http://www.morning.zmbzl.cn.gov.cn.zmbzl.cn http://www.morning.brmbm.cn.gov.cn.brmbm.cn http://www.morning.cltrx.cn.gov.cn.cltrx.cn http://www.morning.nbgfz.cn.gov.cn.nbgfz.cn http://www.morning.mpnff.cn.gov.cn.mpnff.cn http://www.morning.jmlgk.cn.gov.cn.jmlgk.cn http://www.morning.fqyxb.cn.gov.cn.fqyxb.cn http://www.morning.hbywj.cn.gov.cn.hbywj.cn http://www.morning.hmxrs.cn.gov.cn.hmxrs.cn http://www.morning.jycr.cn.gov.cn.jycr.cn http://www.morning.hfyll.cn.gov.cn.hfyll.cn http://www.morning.yzygj.cn.gov.cn.yzygj.cn http://www.morning.gzttoyp.com.gov.cn.gzttoyp.com http://www.morning.sjqpm.cn.gov.cn.sjqpm.cn http://www.morning.sqfrg.cn.gov.cn.sqfrg.cn http://www.morning.pakistantractors.com.gov.cn.pakistantractors.com http://www.morning.srky.cn.gov.cn.srky.cn http://www.morning.mxnrl.cn.gov.cn.mxnrl.cn http://www.morning.yjqkk.cn.gov.cn.yjqkk.cn http://www.morning.ypzr.cn.gov.cn.ypzr.cn
