扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
要点：
成都创新互联是一家专注于网站设计制作、成都做网站与策划设计,襄阳网站建设哪家好?成都创新互联做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:襄阳等地区。襄阳做网站价格咨询:13518219792
1、jQuery方法内置循环:
$('div').css('backgroundColor','red'):给所有DIV标签添加红色背景
2、this出现在jQuery的function中，代表循环时，当前正在处理的DOM对象
3、$(this)，把当前DOM对象转换在JQuery，以便使用jQuery方法
4、隐式条件判断语句：
var result=条件表达式?真返回值:假返回值;
5、each(function) 对象的每个元素都做操作。
收藏：jQuery样式。https://www.layui.com/demo/rate.html
常用方法：
1、筛选器：
next('筛选条件') 当前的下一个
nextAll('筛选条件') 当前的后面所有
nextUntil('筛选条件') 从下一个，到满足'筛选条件'的前一个标签，
prev('筛选条件') 当前的上一个
prevAll('筛选条件') 当前位置前面的所有同级标签
prevUntil('筛选条件') 从上一个，到满足‘筛选条件’的前一个标签
parent('筛选条件') 父标签
parents('筛选条件') 向上一直找，直到html
parentsUntil('筛选条件') 向上一直找到'满足筛选条件的标签'
children('筛选条件') 子标签
siblings('筛选条件') 除自已外，其它兄弟标签
find('筛选条件') 遍历自已包含的所有标签，找到‘符合条件的所有标签’
first() 结果里的第一个
last() 结果里的最后一个
eq(数值)/ eq('数值') 结果的表列里，第几个值
2、内容方法：
text() 取值/赋值，无参数，获取文本内容；text('this a text'),赋值
html() 取值/赋值，无参数，获取文本内容；text('
this is a html
'),赋值val() input标签，取值/赋值，无参数，获取value；val('value新值'),赋值。jQuery版本3以前，checkbox和radio会出现不同步，必须使用prop
prop(属性，值) 设置或返回被选元素的属性和值。使用字典同时多值，设置：prop('checked','checked')，获取属性值：prop('checked')，结果undefine，代表没有此属性。
attr(属性，值) 设置被选元素的属性和值。可以接受字典值。
prop与attr区别：prop 对于HTML元素本身就带有的固有属性 attr 对于HTML元素我们自定义的加在标签中的属性。
具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled 使用prop()
$("img").attr("width",function(n,v){ \\n当前对象在筛选器里的索引，v是获取到width的值。
return v-50;
});
3、样式方法：
hasClass('样式名') 判断是否包含样式名
addClass('样式名'): 添加calss样式
removeClass('样式名'): 删除class样式
toggleClass('样式名'): 不存在则添加，存在则删除
4、文档处理：
append(htmlstring) :在指定标签内部的最后添加内容
prepend(htmlstring):在指定标签内部的最前面添加内容
after(htmlstring):在指定标签结束符后，外面添加
before(htmlstring):在指定标签开始符前，外面添加
remove()：删除当前元素
empty():清空所有子元素
clone()：返回复制的元素html
//添加
$('#s1').click(function(){
var s='5、鼠标坐标
scrollTop(值) 设置/获取当前对象的滚动条上下位置。
scrollLeft(值) 设置/获取当前对象的滚动务左右位置。
offset().left 获取元素左上角的当前X坐标
offset().top 获取元素左上角的当前Y坐标
offset({left:0,top:0}) 设置当前元素的坐标
event.x 获取鼠标当前元素相对于父元素的X坐标
event.y 获取鼠标当前元素相对于父元素的Y坐标
event.clientX 获取鼠标相对于整个文档的X坐标，其中客户区域不包括窗口自身的控件和滚动条
event.clientY 获取鼠标相对于整个文档的Y坐标，其中客户区域不包括窗口自身的控件和滚动条
event.screenX 获取鼠标相对于整个显示屏的X坐标
event.screenY 获取鼠标相对于整个显示屏的Y坐标
$(document.body).mousemove(function(){
$('#xx').text(event.x);
$('#yy').text(event.y);
})
$('#divmove').offset({left:100,top:100})6、jQuery绑定四种事件。
直接绑定:.click
bind绑定：
$('c1').bind('click',function(){....})
delegate/undelegate绑定：在jQuery1.7中 .delegate()已被.on()取代
$('c1').delegate('a','click',function(){ .... })
$( elements ).delegate( selector, events, data, handler );
on/off绑定
$( elements ).on( events, [selector], data, handler );
$('c1').on('click',function (){...})