JQuery函数和属性样式的设置
2018-03-30 22:30
281 查看
入口函数分析
入口函数定义三种格式:第一种:$(function(){});
第二种:$(document).ready(function(){});
第三种:JQuJery(function(){});
JQuery入口函数和js入口函数区别:
1:js入口函数只能有一个,多个会互相覆盖;
2:js入口函数需要当前page所有资源全部加载完毕后执行,jquery入口函数只要加载完文档结构就执行核心函数分析
JQuery常用的核心元素:
1:JQuery(HTML)/$(HTML):动态创建DOM元素的HTML标记字符串2:each(callbackfn)
3:size()、length:获取返回数据的大小/内容个数
4:index()、get():搜索匹配的元素并返回索引、根据索引获取指定元素
文档DOM节点操作函数分析
DOM节点内部插入节点:append/appendTo、prepend/prependToDOM节点外部(前后)插入节点:after/insertAfter、before/insertBefore
DOM节点外层包裹节点操作:wrap、unwrap、wrapInner
DOM节点删除:empty、remove(元素属性同时被移除)、detach(元素属性被保留)
DOM节点克隆:clone
JQuery属性和样式设置
属性操作分析:
1:属性取值:attr(“name”)2:单数属性设置:attr(“name”,“value”|fn)
3:多个属性设置:attr({name:“value”|fn,name:“value”|fn,...});
4:移除属性:removeAttr(“name”)
5:添加class类:addClass(“name”);
6:移除class类:removeClass(“name”);
7:切换删除和添加class类:toggleClass(“name”);
8:插入文本:html(content|fn)、text(content|fn)
样式操作分析:
1:样式取值:css(“name”)2:单数样式设置:css(“name”,“value”|fn)
3:多个样式设置:css({name:“value”|fn,name:“value”|fn,...});
4:位置设置:offset、position、scrollTop、scrollLeft
5:尺寸设置:height、width、innerHeight、innerWidth、outerHeight、outerWidth
说明:如果值为一个fn函数,则返回属性值的函数,第一个参数为当前元素的索引值,第二个参数为原先的属性值
相关文章推荐
- jQuery的属性与样式之.css()与.addClass()设置样式的区别
- jQuery中attr()设置属性,css()设置style里的样式
- JQuery 设置样式属性
- jQuery元素属性attr设置多个键值或函数 删除属性removeAttr
- jquery中的属性和样式设置
- js、jquery获取、设置元素属性与样式
- js获取和设置DOM样式函数cssStyle(类似于jquery的$(elem).css())
- jQuery 属性操作和样式函数
- jQuery学习笔记(4)-设置元素的属性和样式
- jQuery中属性和样式设置k
- JQuery(一)---- JQ的选择器,属性,节点,样式,函数等操作详解
- JQuery样式与属性设置
- jquery中的属性和样式设置
- jquery中的属性和样式设置
- jquery练习10 函数传参设置div属性
- jquery中的属性和样式设置
- JQuery元素属性和样式操作、以及设置元素和内容
- jQuery的属性与样式之.css()与.addClass()设置样式的区别
- vue2.0用js和jquery设置包含v-if的组件样式无效的的情况
- JQuery设置文本框和密码框得到焦点时的样式