Js框架(jQuery)
在前端的学习中,我学习了两种js框架。
有传统的js框架:jQuery,jQuery从创建开始历经了十年的优化和改进,已经是非常成熟和得到了大多数前端的人员的使用,所有jQuery是我们必须掌握的。
也有比较新型的js框架:Angular-js,Angular-js的思想比较新颖,方法也跟jQuery完全不同,历经了5年的建设,Angular-js也开始流行,现在也有很多人开始运用。
jQuery:
jQuery从根本来说是javaScript的函数库,它封装各种方法各种功能的函数,jQuery极大地简化了javaScript编程。在项目建设中,大部分都会采用它(jQuery)来进行代码的编写。在工作单位中,在要求你javaScript掌握的情况下,也一定要求你会使用jQuery。
jQuery和核心是用$()找到添加事件的对象然后在添加事件的jQuery封装函数。
jQuery有着强大的选择器,而不是只有js中那几个找id,找classname,找name,找tagName这几种。它的选择器有着清晰的逻辑性,比如js中没有的:parent>child是在给定父元素下匹配所有子元素、prev+next是匹配所有紧接在prev元素后的next元素、还有匹配基数偶数项的函数 偶数:even和基数:odd、 :eq(index)是匹配一个给定索引值的元素,简单来说就是找到元素的第几个。还有很多具有逻辑性的选择器,具体了解可以查查jQuery的文档,选择器用好了会代码编辑带来极大的方便,会更简单明了的找到你想操作的对象。
jQuery对Dom的操作也很强大,它有着很多的文档处理函数,这里将简单介绍几个比较常用的。
1:append(content|fn) 是向每个匹配的元素内部追加内容,在Js中就如同对指定的元素执行 appendChild的方法,把它们添加到文档中。()是要添加的内容。 添加的方法还有appendTo() 它 和append()的区别在于添加对象的位置,appendTo()的前面是添加内容,后面是添加对象。
2:after()和before() after()是在匹配元素之后插入内容,而before()就是在元素之前插入内容了。
3:empty() 是删除匹配元素集合中所有的子节点。
4:remove() 是从DOM中删除所有匹配的元素。
jQuery有很多帮助筛选的函数,极大的方便了我们对元素进行筛选。比如:
1:eq() 是获取标签的第n个元素。
2:first()和last() 分别是获取第一个和最后一个元素。
3:has()是保留包含特定后代的元素,去掉那些不含有指定后代的元素。
4:next() 取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。
5:nextAll() 查找当前元素之后所有的同辈元素。
jQuery也有很多常见的事件封装的函数。例如
1:js中的加载完成后运行代码的onload在jQuery中用ready()。.
2:bind(type,fn)是为元素绑定事件处理函数,type为事件名。
3: change()是元素的只发生改变的时候触发事件
4:又比如js中一些常见的事件,在jQuery中例如 hover()、blur()、click()、focus()、mousedown()等等。
jQuery的动画添加,例如:比较强大的创建自定义动画: animate(params,[speed],[fn]); params是动画属性和样式属性,speed是动画时间以毫秒为单位,fn为动画完成后执行的函数。