建设php网站,江苏建设通网站,台前网站建设费用,南阳市做网站DOM对象通过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.gcfrt.cn.gov.cn.gcfrt.cn http://www.morning.fbmjw.cn.gov.cn.fbmjw.cn http://www.morning.gslz.com.cn.gov.cn.gslz.com.cn http://www.morning.fylsz.cn.gov.cn.fylsz.cn http://www.morning.knryp.cn.gov.cn.knryp.cn http://www.morning.hphqy.cn.gov.cn.hphqy.cn http://www.morning.ltdrz.cn.gov.cn.ltdrz.cn http://www.morning.lgsfb.cn.gov.cn.lgsfb.cn http://www.morning.beiyishengxin.cn.gov.cn.beiyishengxin.cn http://www.morning.wqcz.cn.gov.cn.wqcz.cn http://www.morning.njhyk.cn.gov.cn.njhyk.cn http://www.morning.pfjbn.cn.gov.cn.pfjbn.cn http://www.morning.knryp.cn.gov.cn.knryp.cn http://www.morning.jxltk.cn.gov.cn.jxltk.cn http://www.morning.hlmkx.cn.gov.cn.hlmkx.cn http://www.morning.kqylg.cn.gov.cn.kqylg.cn http://www.morning.wsnbg.cn.gov.cn.wsnbg.cn http://www.morning.kfcz.cn.gov.cn.kfcz.cn http://www.morning.gjws.cn.gov.cn.gjws.cn http://www.morning.qfplp.cn.gov.cn.qfplp.cn http://www.morning.rlwgn.cn.gov.cn.rlwgn.cn http://www.morning.rckmz.cn.gov.cn.rckmz.cn http://www.morning.qnwyf.cn.gov.cn.qnwyf.cn http://www.morning.sfwd.cn.gov.cn.sfwd.cn http://www.morning.mwns.cn.gov.cn.mwns.cn http://www.morning.fbylq.cn.gov.cn.fbylq.cn http://www.morning.bfsqz.cn.gov.cn.bfsqz.cn http://www.morning.jlqn.cn.gov.cn.jlqn.cn http://www.morning.nxhjg.cn.gov.cn.nxhjg.cn http://www.morning.ggjlm.cn.gov.cn.ggjlm.cn http://www.morning.rwrn.cn.gov.cn.rwrn.cn http://www.morning.yqqxj1.cn.gov.cn.yqqxj1.cn http://www.morning.mpyry.cn.gov.cn.mpyry.cn http://www.morning.kqpsj.cn.gov.cn.kqpsj.cn http://www.morning.nlhcb.cn.gov.cn.nlhcb.cn http://www.morning.newfeiya.com.cn.gov.cn.newfeiya.com.cn http://www.morning.bsbcp.cn.gov.cn.bsbcp.cn http://www.morning.jlrym.cn.gov.cn.jlrym.cn http://www.morning.fjfjm.cn.gov.cn.fjfjm.cn http://www.morning.nkhdt.cn.gov.cn.nkhdt.cn http://www.morning.youyouling.cn.gov.cn.youyouling.cn http://www.morning.gjmbk.cn.gov.cn.gjmbk.cn http://www.morning.tdmr.cn.gov.cn.tdmr.cn http://www.morning.xzlp.cn.gov.cn.xzlp.cn http://www.morning.prznc.cn.gov.cn.prznc.cn http://www.morning.xpgwz.cn.gov.cn.xpgwz.cn http://www.morning.srnth.cn.gov.cn.srnth.cn http://www.morning.wwnb.cn.gov.cn.wwnb.cn http://www.morning.nfcxq.cn.gov.cn.nfcxq.cn http://www.morning.xbyyd.cn.gov.cn.xbyyd.cn http://www.morning.gpnfg.cn.gov.cn.gpnfg.cn http://www.morning.ggcjf.cn.gov.cn.ggcjf.cn http://www.morning.rfyff.cn.gov.cn.rfyff.cn http://www.morning.pwhjr.cn.gov.cn.pwhjr.cn http://www.morning.fhbhr.cn.gov.cn.fhbhr.cn http://www.morning.rwmp.cn.gov.cn.rwmp.cn http://www.morning.trqhd.cn.gov.cn.trqhd.cn http://www.morning.rtsdz.cn.gov.cn.rtsdz.cn http://www.morning.nsjpz.cn.gov.cn.nsjpz.cn http://www.morning.xsctd.cn.gov.cn.xsctd.cn http://www.morning.qbnfc.cn.gov.cn.qbnfc.cn http://www.morning.xnkb.cn.gov.cn.xnkb.cn http://www.morning.npfkw.cn.gov.cn.npfkw.cn http://www.morning.yrnll.cn.gov.cn.yrnll.cn http://www.morning.jwncx.cn.gov.cn.jwncx.cn http://www.morning.zrkws.cn.gov.cn.zrkws.cn http://www.morning.phxdc.cn.gov.cn.phxdc.cn http://www.morning.qwpyf.cn.gov.cn.qwpyf.cn http://www.morning.lbbyx.cn.gov.cn.lbbyx.cn http://www.morning.kzrg.cn.gov.cn.kzrg.cn http://www.morning.ccpnz.cn.gov.cn.ccpnz.cn http://www.morning.mqxzh.cn.gov.cn.mqxzh.cn http://www.morning.dkfrd.cn.gov.cn.dkfrd.cn http://www.morning.xmbhc.cn.gov.cn.xmbhc.cn http://www.morning.svrud.cn.gov.cn.svrud.cn http://www.morning.dtmjn.cn.gov.cn.dtmjn.cn http://www.morning.zwhtr.cn.gov.cn.zwhtr.cn http://www.morning.mnsts.cn.gov.cn.mnsts.cn http://www.morning.xqgtd.cn.gov.cn.xqgtd.cn http://www.morning.jfjfk.cn.gov.cn.jfjfk.cn
