宝哥软件园

JQuery选择器和过滤器简介

编辑:宝哥软件园 来源:互联网 时间:2021-10-21

今天的学习结合昨天的JavaScriptDOM内容让我对此非常清楚。JQuery原则:“少写多做。”这句话充分展示了它使用JavaScriptDOM简化编程的能力!每个老师都有自己的教学方法,可能会根据不同的教学内容略有变化。老童是一个非常有经验的软件老师。他之前在大连一家软件公司培训。经过多年的总结,他有了自己一套成熟的教学方法。我很喜欢这种方式!至于方式,自己体验吧!哈哈~ ~从学习JavaWEB和Struts1到现在的JavaScript,我找到了WEB应用开发的核心——MVC。没错,就是MVC。其实MVC应该是按照WEB的核心创建的模型吧?这套工具分别用于操作可视化层、控制层和数据模型层。好像现在才找到一些感觉,因为以前学servlet的时候就知道它可以处理用户的请求,老师说什么都可以学。但是现在我已经想到了。老师,不管你说什么,我都知道它应该用在哪个楼层,应该用于什么目的,这提高了我的学习效率。这是一个非常好的成长!这对未来的成长有很大的帮助。之后没有太多零散的知识,然后我们开始做项目。两个字,又快又爽!好了,开始整理学习内容。1.JQuery和javascript1。任何使用JavaScript 1的人。JavaScriptDOM应该知道(比如昨天的练习)使用JSDOM操作页面是非常麻烦的。比如获取、修改、添加子节点。如果你操作一个复杂的页面呢?好了,JavaScript库诞生了。目前常见的JavaScript库有:

2.JQuery简介JQuery是继Prototype之后的又一个优秀的JavaScript库。JQuery理念:不写,多做。jquery的优势:轻量级、强大的选择器、优秀的DOM操作封装、可靠的事件处理机制、完善的Ajax、优秀的浏览器兼容性、链式操作模式。2.JQuery对象和DOM对象1。JQuery对象JQuery对象使用“$(“DOM obj”)”来包装DOM对象。一般来说,JQuery对象与DMO对象的区别在于前面加“$”,这已经是公认的命名约定。JQuery对象不能调用DOM对象的属性和方法,DOM对象也不能调用JQuery对象的属性和方法。2.如果你想用2。JQuery对象调用DOM对象的方法,应该怎么做?JQuery对象应该转换成DOM对象,这是一个数组对象,非常特殊。因此,只需调用JQueryObj[x]或JQueryObj . get(X);它们可以转换成DOM对象。3.将DOM对象转换为JQuery对象,并使用“$(“DOM obj”)”包装DOM对象。第三,JQuery选择器选择器是JQuery的基础。在JQuery中,事件处理、DOM遍历和Ajax操作都依赖于选择器。这也是我们今天学习的重点。1.基本选择器基本选择器是JQuery中最常用的选择器,也是最简单的选择器。它通过元素id、类和标签名来搜索DOM元素。这一点非常重要,以下内容就是在此基础上逐步完善的。1)." $ ("# id ")",获取id指定的元素。id是全局唯一的,因此它只有一个成员。2)."$ (".类")),获取类指定的元素。不同的元素可以有相同的类属性,因此它可能有多个成员。3)." $ ("element ")",获取元素3指定的元素)。“$”(元素名称,如div、table等。),它可能有多个成员。4).“$(“*”)”,获取所有元素,相当于文档。5)." $(“选择器1,选择器2,…,选择器n”)",合并每个选择器匹配的元素并一起返回。返回选择符1匹配的集合,选择符2匹配的集合…选择符2匹配的集合。层次选择器什么是层次?等级制度是父子关系和兄弟关系的节点。因此,层次选择器用于获取指定元素的父子节点和兄弟节点。1)." $(" ancestordependent ")",获取ancestorelement下面的所有元素。2)." $ ("parentchild ")",获取父元素下的所有子元素(仅包括一级子元素)。3)." $ ("prenext ")",获取pre元素之后的下一个同级元素。4)." $(" pre ~ sibers ")",获取pre元素后面的所有兄弟元素。3.过滤器选择器过滤器?您确定要添加过滤条吗?

更多资讯
游戏推荐
更多+