prop()
css()
addClass()
对属型的操作
attr() 设置或者获取元素的属性
方式1: attr (“属性名称”)
方式2: 设置一个属性 attr(“属性名称”,”值”)
方式3: 设置多个属性
attr({
“属性1”:”值1”
“属性1”:”值1”
“属性1”:”值1”
})
删除一个属性:removeAttr(“属性名称”):移除指定属性
注意:获取不了checked属性,需要使用prop
prop()使用方法和attr相似
添加class属性
addClass(“指定的样式值”) 等价于 attr(“class” , 注意“值”)
清除 removeClass(“class值”);
对css操作
操作元素的style属性
css():获取或者设置css样式
方式一:获取:css(“属性名”)
方式二: 设置一个属性 css( (“属性名” , ”值”)
方式三: 设置多个属性
css( {
“属性1”:”值1”
“属性2”:”值2”
})
获取元素的尺寸 width() height()
设置获取标签体内容 :
html() text()
设置的区别:
html:会把字符串解析(可以获取样式和标签)
text:只做为普通的字符串(只能将内容作为普通字符串)
获取的区别:
html:会获取内容的标签样式
text:只获取普通文本内容
使用方法:
获取
Jquery对象.html()
Jquery对象.text()
设置
jquery对象.html(“内容”)
Jquery对象.text(“内容”)
文档操作
内部插入
append: a.append© 将c插入到a的内部标签后面
prepend: a.prepend©:将c插入到a的内部的前面
appendTo: a.appendTo©:将a插入到c的内部标签后面
prependTo: a.prepend©:将a插入到c的内部的前面
外部插入
a.after©:将c放到a的后面
a.before©:将c放到a的前面
a.insertAfter©
a.insertBefore©
删除
empty () 清空元素
remove() 删除元素
遍历数组
方式一:jquery对象 . each ( function( index , value ){} )
方式二: $.each( jquery对象,function(index,value){})
在jquery中创建元素
$(“<标签名>”).prop(属性).html(内容)
ajax
Jquery中的ajax
Jquery对象.load ( url, params , function ( 数据) { } );
★:$.get ( url , params , function(数据) { } , type ) ;
发送get请求的ajax
url:请求的路径
params:请求的参数 参数为key\value的形式key=value {“”:“”,“”:“”}
fn:回调函数 参数就是服务器发送回来的数据
type:返回内容格式,xml,html, script, json, text, _default。 以后用"json"
★:$.post ( url , params , function ( 数据 ) { } , type );
发送post请求的ajax
若结果为json格式, 打印返回值的时候是一个对象
例如若json为{“result”:“success”,“msg”:“成功”}
获取msg只需要 参数.msg
var url = baseURL + “srexaminerule/list”;
var params = { “sidx”: “”, “order”:“asc”};
$.post ( url , params , function ( data ) {
var list = data.page.list;
for (var i=0;i<list.length;i++)
{
$(“#select_id”).append(“”+list[i].ruleName+“”);
}
} , “json” );
理解:
$.ajax([选项]);
选项的可选值:
url:请求路径
type:请求方法
data:发送到服务器的数据
success:fn成功以后的回调
error:fn异常之后的回调
dataType:返回内容格式 经常使用json
async:设置是否是异步请求
例如:
$.ajax({
url:“/day15/demo1”,
type:“post”,
data:“username=tom”,
success:function(d){
alert(d.msg);
},
error:function(){},
最后
全网独播-价值千万金融项目前端架构实战
从两道网易面试题-分析JavaScript底层机制
RESTful架构在Nodejs下的最佳实践
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
一线互联网企业如何初始化项目-做一个自己的vue-cli
思维无价,看我用Nodejs实现MVC
代码优雅的秘诀-用观察者模式深度解耦模块
前端高级实战,如何封装属于自己的JS库
VUE组件库级组件封装-高复用弹窗组件