常用选择器
•1、根据ID获取对象
•Js写法document.getElementById(‘XXX’),jQuery $(‘#XXX’)
•2、根据classname获取对象
•$(‘.XXX’)
•例:<div class=“XXX”>1</div> <divclass=“XXX”>2</div> <div>3</div> $(‘.XXX’)获取内容为1,2 这两个对象
•3、eq() 获取某个对象组的第几位
•$(‘.XXX’).eq(0) 获取下标为0 的对象 也就是内容为1的div
•4.children() 获取子孩子DOM节点
•注: children()有两种写法
• 第一 $(‘#xxx’).children() 获取id为xxx下的所有子节点
• 第二 $(‘#xxx’).children(‘div’) 获取id为xxx下的所有div子节点
•5、.parent() 获取父级DOM元素
•6、.next() 获取某个元素的下一个
•例:<div id=“XXX”>1</div><div>2</div>
•$(‘#XXX’).next() 获取到 <div>2</div>
•7、.prev()获取某个元素的上一个
•8、[attr=value] 根据属性匹配某组元素。
•例:<div key=“a”>1</div><divkey=“b”>2</div><div key=“a”>3</div>
•$(‘div[key=“a”]’)
•结果<div key=“a”>1</div<div key=“a”>3</div>
•[attr!=value]匹配属性值不等于value值
•[attr^=value]匹配属性值以value开头
•[attr$=value]匹配属性值以value结尾
•[attr*=value]匹配属性值包含value
常用方法:
•$(function() {
•/*code*/ 初始化方法 当浏览器及所有html元素加载完后调用
•.click(function() {}) 点击事件可直接调用.cick()模拟点击
•.change(function() {}) select选中事件
•.focus(function() {})获取焦点可直接调用.focus()模拟聚焦
•.blur(function() {})丢失焦点可直接调用.blur()模拟失焦
•.append() 在某个元素内添加一个对象或字符串并且不会删除之前内容
•$(‘#XXX’).append($(‘<span>’).html(‘1’))
•<span>2</span>
•.html() 重写一个字符串,操作之前会自动清空元素内容如果不传参数则获取当前对象内容
•.attr() 为一个元素添加属性 .attr(‘key’,’1’) .attr(‘key’)这样写则获取key这个属性的值 同时添加多个属性的时候.attr({‘key’:’1’,’key2’:’2’})
注意事项:
•<!DOCTYPEhtml>
•<html>
•使用Html5标准
•Js中尽量避免Html标签 如 append(‘<div>asdfasdf</div>’);
•命名需有意义 错误:functionClick1()
•使用驼峰命名,方法中得参数 使用匈牙利命名法
•var sWebURL=“ http://www.labsoft.cn/”;
从变量的名字可以看出s代表字符串WebURL是网址。
•var iCheckCount=5;
从变量的名字可以看出i代表Integer(整型),CheckCount代表某种数量。
var oDiv1=$(‘#box1');
从变量的名字可以看出o代表Object(对象)。
版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/XiaoXiao_RenHe/article/details/73248707
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。