jQuery特殊属性操作
1.val()方法
val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数，则返回被选元素的当前值。
$(selector).val(value)
- 获取 实例
$("input:text").val()
实例中，只返回了第一个input的值，是因为jQuery中有隐式迭代：设置操作时，会给jq中所有对象都设置成相同的值；获取的时候，只会返回第一个元素对应的值
$(":text").val("Hello Kitty");
- 清空
$("#name").val("");
2.html()和text()方法
html()相当于innerHtml()：内容加标签
- html() 方法返回或设置被选元素的内容
- 获取元素内容
$("p").html()
- 修改元素内容
$("p").html("Hello <b>world!</b>");//返回Hello world!（world!加粗）
text()相当于innerText()：内容，innerText有兼容性
- text() 方法方法设置或返回被选元素的文本内容。
- 获取文本内容
$("p").text();
- 设置文本内容
$("p").text("Hello <b>world</b>!");//返回Hello <b>world</b>!
所以一般含有回帖的网站，在设置回帖页面时，都选择用text()防止别人攻击
3.width()方法和height()方法
height()：设置或者获取高度,返回的直接是数字，不带px
//带参数表示设置高度
$(“img”).height(200);
//不带参数获取高度
$(“img”).height();
获取网页的可视区宽高
$(window).resize(function () {
console.log($(window).width()); //获取可视区宽度
console.log($(window).height()); //获取可视区高度
});
补充：
//console.log($("div").innerWidth());//padding+width
//console.log($("div").outerWidth());//padding+width+border
//console.log($("div").outerWidth(true));//padding+width+border+margin
4.scrollTop()方法和scrollLeft()方法
设置或者获取垂直滚动条的位置
//获取页面被卷曲的高度
$(window).scrollTop();
//获取页面被卷曲的宽度
$(window).scrollLeft();
$("html,body").animate({scrollTop:0}); //返回顶部
5.offset()和position()方法
offset方法获取元素距离document的位置（页面），position方法获取的是元素距离有定位的父元素的位置。
//获取元素距离document的位置,返回值为对象：{left:100, top:100}
$(selector).offset();
//获取相对于其最近的有定位的父元素的位置。
$(selector).position();
jQuery事件机制
简单事件绑定>>bind事件绑定>>delegate事件绑定>>on事件绑定(推荐)
- 简单事件注册
click(handler) 单击事件
mouseenter(handler) 鼠标进入事件
mouseleave(handler) 鼠标离开事件
缺点：不能同时注册多个事件
- bind方式注册事件
//第一个参数：事件类型
//第二个参数：事件处理程序
$("p").bind("click mouseenter", function(){
//事件响应方法
});
缺点：可以绑定多个事件，但不支持动态事件绑定
- delegate注册委托事件
子元素执行 事件冒泡
// 第一个参数：selector，要绑定事件的元素
// 第二个参数：事件类型
// 第三个参数：事件处理函数
$(".parentBox").delegate("p", "click", function(){
//为 .parentBox下面的所有的p标签绑定事件
});
缺点：动态创建的也能有事件，但只能注册委托事件，因此注册时间需要记得方法太多了
on注册事件
jQuery1.7之后，jQuery用on统一了所有事件的处理方法。
最现代的方式，兼容zepto(移动端类似jQuery的一个库)，强烈建议使用。
on注册事件的语法：
// 第一个参数：events，绑定事件的名称可以是由空格分隔的多个事件（标准事件或者自定义事件）
// 第二个参数：selector, 执行事件的后代元素（可选），如果没有后代元素，那么事件将有自己执行。
// 第三个参数：data，传递给处理函数的数据，事件触发的时候通过event.data来使用（不常使用）
// 第四个参数：handler，事件处理函数
$(selector).on(events[,selector][,data],handler);
不传选择器：简单事件，自己执行
$("p").on("cilck",function(){ });
写选择器：委托事件，子元素执行
$("div").on("cilck","p",function(){ });
时间的执行顺序问题 先执行p自己有的，然后先委托事件，然后是div自己的事件
事件解绑
- unbind
$(selector).unbind(); //解绑所有的事件
$(selector).unbind("click"); //解绑指定的事件
- undelegate
$( selector ).undelegate(); //解绑所有的delegate事件
$( selector).undelegate( “click” ); //解绑所有的click事件
- off(“click”)/off(“mouseenter”)/off()
// 解绑匹配元素的所有事件
$(selector).off();
// 解绑匹配元素的所有click事件
$(selector).off("click");
触发事件
trigger触发
$(selector).click(); //触发 click事件
$(selector).trigger("click");
jQuery事件对象
jQuery事件对象其实就是js对象的封装，处理了兼容性
//screenX和screenY 对应屏幕最左上角的值
//clientX和clientY 距离页面左上角的位置（忽视滚动条）
//pageX和pageY 距离页面最顶部的左上角的位置（会计算滚动条的距离）
//event.keyCode 按下的键盘代码
//event.data 存储绑定事件时传递的附加数据
//event.stopPropagation() 阻止事件冒泡行为
//event.preventDefault() 阻止浏览器默认行为
//return false:既能阻止事件冒泡，又能阻止浏览器默认行为。
//keydown 按键被按下 按住的话会一直触发
// keyup 按键被松开
keydown 按住的话会一直触发，解决：节流阀：按下的时候触发，没弹起，不会触发下一次：定义一个变量 var flag=true;
判断flag；
delay:延迟
$("div").fadeIn(1000).delay(8000).fadeOut(1000);//显示1s，延迟8s，1s消失
jQuery补充知识点
链式编程：
1.设置型操作，可以链式编程
2.获取型操作，不能链式编程，返回值不是JQ对象
链式编程与end方法
end()：会改变JQ对象的DOM对象，想要回到上一次的状态，并且返回元素之前的状态
each方法
jQuery的隐式迭代会对所有的DOM对象设置相同的值，但是如果我们需要给每一个对象设置不同的值的时候，就需要自己进行迭代了
each方法：遍历
each(function(index,element){
//下标， 下标对应的DOM对象
});
$冲突
jQuery使用冲突时，jQuery可以释放$符的控制权.
js和JQ抢$
JQ释放$的控制权
// $.noConflict();或者用jQuery代替$
var $$=$.noConflict();
$$(function(){ });
来源：CSDN
作者：LullabyLY
链接：https://blog.csdn.net/qq_42853241/article/details/88524420