JQuery选择器
//javaScript 的一堆函数库jQuery(dom对象) //转换为jQuery对象$(dom对象) //转换为jQuery对象$(dom对象).ready(方法) //
$(document) // document对象 转换为jQuery对象$('body') // body对象 转换为jQuery对象ready加载元素后触发 比onload效率高onload加载元素慢$(function() { }); => $().ready() => $(document) //页面加载后触发;
$(function () {
$('#btn').click(function () {
//获取body中所有的元素
$('body *').css('backgroundColor','black');
});
});
$.map(数组,function(值参数,索引参数){ })//可以遍历 也可以返回新的数组//return 返回数组值$.each(数组,function(key,value){ }); //key键参数,value值参数//变量键值对 变量数组是不可以修改值//return fase 相当于break
$(dom对象).get(0);$(dom对象)[0]; //两种都可以
$('#id值') //id获取对象$(this).val() // this的value
//获取指定标签的类名为..的标签
$('标签名1 标签名2')
//标签名1的下一个同级元素//如果是 标签名2 就返回,不是就没有$('标签名1~标签名2')//标签名1的后面 的所有同级 标签名2$('标签名1~')//标签名1的后面 的所有同级 元素
对象.next(); //对象 后的第一个同级元素对象.nextAll(); //对象 后的所有同级元素对象.nextAll('p'); //对象 后的所有同级 p标签 和'~'一样对象.prev(); //对象 前面的第一个同级元素对象.prevAll(); //对象 前面的所有同级元素对象.siblings(); //当前元素 的所有同级元素(不包含当前元素)
$('ul','#div')//在 #div 元素下搜索ul
$().parent(); //获取当前元素的父级元素$().children('li') //当前元素的li子元素//没有参数就是所有子元素$('body *') //body的所有元素#end
还原断链之前的元素(对象)$(this).prevAll()....end().nextAll()...->判断对象是否存在$(对象).length >0 //大于0存在
$('#ul2 li:gt(4):lt(2)')//先按获得的gt(4) 第5个按0开始算 gt(2)
->$('div:last')
//选取样式名不是myClass的<input>$(':not(div)') //标签不是div的元素
->$('input[name!=name1]')
$(:text) //获得文本框$(:checkbox) //获得复选选择框:button:radio:password
hidden选取所有不可见元素包括:(如果直接写:hidden则会包含head\title\script\style….)1.表单元素type=“hidden”(表示的是隐藏域)2.设置css的display:none3.高度和宽度明确设置为0的元素。4.父元素时隐藏的,所以子元素也是隐藏的visibility: hidden 与opacity为0不算,因为还占位所以不认为是hidden.(与之前版本jQuery不太一样,1.3.2之前):visible选取所有可见元素注意:$('.cls :hidden');与$('.cls:hidden');是不一样的。
$('div:contains(帅)')//获取层中 含有 帅 的层$('div:empty')//获取层中 内容为空(空格也没有的) 的层$('div:has(input)')//获取层中 含有a标签 的层$('div:parent') //父元素//即该元素有子元素或者元素中包含文本。s
$('ul li:first-child') //返回多个//所有ul 的第一个li元素$('ul li:first') //只返回一个//页面上第一个ul 的第一个li元素
$('ul li:last-child')//所有ul 的最后一个li元素$('ul li:last')//页面上第一个ul 的最后一个li元素
$('ul li:only-child')//所有ul 中只有一个子元素 的ul元素
,nth-child()为每个父元素都要匹配一个子元素。:nth-child(index),index从0开始。:nth-child(even):nth-child(odd):nth-child(3n),选取3的倍数的元素:nth-child(3n+1),满足3的倍数+1的元素。#en
元素数组.each(function(index,elem){ });//index是索引 elem是元素对象checkbox的遍历选择的和遍历不同组的radio
JQuery选择器的更多相关文章
- [jQuery]《锋利的jQuery》插件部分总结
/** * <锋利的jQuery>插件部分总结 * * jQuery插件推荐命名:jquery.name.js * * $.fn.extend用于封装对象方法的插件 * $.extend用 ...
- HTML 学习笔记 JQuery(锋利的JQuery 代码)
一 制作简单的导航栏 <html> <head> <meta charset="UTF-8"> <title></title& ...
- jQuery -《锋利的jQuery》————读后小结
jQuery是一个优秀的javascript库. 我用的是vs2012自带的 jquery-1.8.2.js这个库,在Scripts这个文件夹下面 首先,我们使用jQuery要在head标签内引入j ...
- 精通jQuery选择器
虽然jQuery上手简单,相比于其他库学习起来较为简单,但是要全面掌握,却不轻松.因为它涉及到网页开发的方方面面,提供的方法和内部变化有上千种之多.初学者常常感到,入门很方便,提高很困难.本文的目标是 ...
- 【锋利的jQuery】学习笔记02
第二章 jQuery选择器 一.jQuery选择器的优势 写法简洁 $("div") 支持css2和css3选择器(对于css3选择器支持这一项,我认为应该是jQuery首先创造并 ...
- jQuery选择器的分类
jQuery选择器的分类 jQuery中有很多分类,大类分为四类,四类里面又分为很多小类,下面就为大家一一介绍,这些选择器的使用和好处,Me用的是jQuery1.8.3的版本 选择器都有哪四类?? 1 ...
- JQuery基础知识==jQuery选择器
选择器是jQuery的基础,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器 1. CSS选择器 1.1 CSS是一项出色的技术,它使得网页的结构和表现样式完全分离.利用CSS选择 ...
- jQuery学习之二 jQuery选择器
一.jQuery选择器是什么1.CSS选择器2.jQuery选择器 二.jQuery选择器的优势1.简洁的写法2.支持从CSS1到CSS3选择器3.完善的处理机制 传统js选择器假如要操作的元素不存 ...
- jQuery笔记(一)jQuery选择器
一.前言 编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如"拥有title属性并且值中包含tes ...
- jQuery学习笔记(2) jQuery选择器
jQuery的选择器完全继承了CSS的风格,利用jQuery选择器,可以非常便捷和快速地找出特定的DOM元素,然后为它们添加相应的行为. 目录 目录 CSS选择器 jQuery选择器 jQuery选 ...
随机推荐
- Dapper-据说stackoverflow使用的orm
using System; using System.Collections.Generic; using System.Data; using System.Data.SqlClient; usin ...
- Get radio selected value
先看下面 foreach得到的radio list: 现在想实现把选择的选项值Post至服务端:
- ASP.NET Core 导入导出Excel xlsx 文件
ASP.NET Core 使用EPPlus.Core导入导出Excel xlsx 文件,EPPlus.Core支持Excel 2007/2010 xlsx文件导入导出,可以运行在Windows, Li ...
- C#开发微信门户及应用(18)-微信企业号的通讯录管理开发之成员管理
在上篇随笔<C#开发微信门户及应用(17)-微信企业号的通讯录管理开发之部门管理>介绍了通讯录的部门的相关操作管理,通讯录管理包括部门管理.成员管理.标签管理三个部分,本篇主要介绍成员的管 ...
- 【Java每日一题】20161229
package Dec2016; import java.util.ArrayList; import java.util.List; public class Ques1229 { public s ...
- GJM : Unity3D 高通Vuforia SDK AR 开发
一.AR概念: 增强现实(Augmented Reality,简称AR),是在虚拟现实的基础上发展起来的新技术,也被称之为混合现实.是通过计算机系统提供的信息增加用户对现实世界感知的技术,将虚拟的信息 ...
- 关于mysql字段时间类型timestamp默认值为当前时间问题
今天把应用部署到AWS上发现后台修改内容提交后程序报错,经过排查发现是更新数据的时候,有张数据表中的一个timestamp类型的字段默认值变成了"0000-00-00 00:00:00.00 ...
- CSS3 @font-face的使用
首先我们一起来看看@font-face的语法规则: @font-face { font-family: <YourWebFontName>; src: <source> [&l ...
- JavaScript学习(零)前引
一)概述 JavaScript是一个面向web的编程语言,一种解释性语言,边执行边解释.也是一种基于对象(Object)和事件驱动(EventDriven)的,安全性好的脚本语言,语法和java类似. ...
- iOS 消息处理之performSelector
//// RootViewController.h// DSCategories//// Created by dasheng on 15/12/17.// Copyright © 2015年 ...