js+jquery 常用选择器函数】的更多相关文章

一.获取当前标签 JS: this,如下: <button onclick="fun(this)"></button> Jquery,如下: $("#button").click(function(){ $(this) }) 二.获取父标签 <div><span id="test"></span></div> JS: parentNode,如下: document.getEl…
笔者觉得js是前台基础中的基础,而其选择器则是js基础中的基础,因长期使用框架导致js生疏,所有查资料,回顾一下js的常用选择器: 1.document.getElementById("id"):根据元素的id获取其节点: 2.document.getElementByName("name"):根据元素的name获取其节点: 3.document.getElementsByTagName("test");获取文档中class为test的元素的节点…
jQuery 常用选择器和和方法 学习总结 一.JQuery 介绍 1. 什么是 jQuery 2. jQuery 版本介绍 3. jQuery 文件介绍 二.jQuery 对象 1. jQuery 和 DOM 的区别 2. jQuery 对象与 DOM 对象之间转换 3. 自执行函数(三种) 三.jQuery 对象常用方法 1. 常用方法 2. jQuery 常用 DOM 节点操作方法(添加.删除.复制节点) 3. jQuery 元素属性操作的方法 3.1 操作 class 属性 3.2 操作…
jQuery常用选择器总结: 我们都知道jQuery是JavaScript(JS)的框架,它的语法简单使用方便,被广大开发人员青睐.现在我就它常用的并且十分强大的选择器的方式,做一个总结.鉴于它的选择器方式众多,我就自己平时工作之中所遇到的常见的方式做一个总结. 一,元素查找方式: $("#myElement")    选择id为myElement的元素,因为id在使用中是唯一的,所以这样的选择也是指定的不变的. $("div")    选择所有的div标签元素,返…
js jquery css 选择器总结 一.原始JS(Document 对象)选择器. id选择器:document.getElementById("test"); name选择器:document.getElementsByName("test"); 节点选择器:document.getElementsByTagName("p"); class选择器:document.getElementsByClassName("test"…
on()函数用于为指定元素的一个或多个事件绑定事件处理函数. 此外,你还可以额外传递给事件处理函数一些所需的数据. 从jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统一取代以前的bind(). delegate(). live()等事件函数. 即使是执行on()函数之后新添加的元素,只要它符合条件,绑定的事件处理函数也对其有效. 此外,该函数可以为同一元素.同一事件类型绑定多个事件处理函数.触发事件时,jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数.…
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素,可以运用多种的选择方式进行…
jQuery 遍历函数包括了用于筛选.查找和串联元素的方法.本文主要介绍日常工作中常用的JQ遍历,帮助一下初学者快速的接触遍历函数,提高自己的代码编写速度,写出更简洁更实用的代码,祝前端的同学们,在前端这条没有尽头的路上渐行渐远.如果有什么不对的地方 大家多提意见 互相学习 相互参考!!! 1.each() 语法:$(selector).each(function(index,element)) 实例:$('li').each( $(this).css(color,#c10000); ) 拆分一…
本文为博主原创,未经允许不得转载: 1.jquery强大之处:   容易上手,强大的选择器,解决浏览器的兼容   完善的时间机制,出色的ajax封装,丰富的ui    2.jquery是一个javascript脚本库,不需要特别的安装,只需要我们在页面<head>标签内中,  通过script标签引入jquery库即可.  <script type="text/javascript" src="js/jquery-1.8.3.js"><…
siblings方法的常用应用场景:选中高亮 实现代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>一步实现多个同级div,只改变点击的当前div样式</title> </head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.…