jQuery相关知识

1.jQuery中$符号有何作用?

$作为jQuery的别名,如$(document).ready() 即是 jQuery(document).ready()

2.jQuery选择器有哪几种?

基本选择器:$("#id") —〉通过id获取元素

$(".class") —〉通过既定的类名获取元素

$("p") —〉通过名称匹配获取元素

$("span,#id,...").css() —〉多个选择合并返回

层次选择器:$("div span") —〉div中所有的span

$("div > span") —〉div下的子元素span

$(".red + div") —〉选择class为red的下一个div同辈元素

$(".red ~ div") —〉选择class为red的元素后面的所有div同辈元素

过滤选择器: 基本过滤选择器 { $("div:first") —〉第一个div ; $("div:last") —〉最后一个div ; $("input:not(.red)") —〉选择class不是red的input元素;

$("input:even") —〉index为偶数的input元素; $("input:odd") —〉index为奇数的input元素; $("input:eq(1)"), $("input:gt(1)"),

$("input:lt(1)") 皆是根据index(等于、大于、小于)来选择元素;  $(":header") —〉选取网页中所有 h1 h2 h3 ... ;

$(":focus") —〉获取当前获得焦点的元素 }

内容过滤选择器 { $("div:contains(‘ab‘)") —〉选取含有文本“ab”的div元素; $("div:empty") —〉选择不包含子元素的div空元素;

$("div:has(p)") —〉选择含有p元素的div元素; $("div:parent") —〉选取拥有子元素的div元素 }

可见性过滤选择器 { $("input:hidden") —〉选取所有隐藏的input元素; $("div:visible") —〉选取所有可见的div元素 }

属性过滤选择器 { $("div[title=‘test‘]") —〉选取title等于“test”的div元素; $("div[id]") —〉选取拥有属性id的元素;

$("div[id=‘id1‘][title=‘test1‘]") —〉多条件复合选择 }

表单对象属性过滤 { 如 :selected; enabled; :disabled; :checked; }

3.body中onload()函数和jQuery中的$(document).ready()有什么不同?

onload()函数是在页面所有资源加载完毕后才开始调用的,只能使用一次;$(document).ready()是在页面加载完DOM后就调用,可以多次使用。

4.将页面所有元素的边框设置为2px宽的虚线?

$("*").css("border","2px dashed red");    //solid 为实线; dashed 为虚线

5.jQuery中delegate()函数有何作用?

如果你有一个父元素,需要给其下的子元素添加时间,就可以用到delegate(),代码如下:

$("u1").delegate("li","click",function(){

$(this).hide();

});

6.使用jQuery禁用浏览器的前进后退按钮?

$(document).ready(function(){

window.history.forward(1); // or window.history.forward(-1);

});

7.jQuery选择器和css选择器有何区别?

jQuery选择器支持css选择器,给对象添加样式和行为;css选择器只能添加样式。

8.jQuery实现table隔行变色?

HTML代码如下:

<table>

<tbody>

<tr class="parent" id="row_01"></tr>

<tr class="child_row_01"></tr>

<tr class="child_row_01"></tr>

<tr class="parent" id="row_02"></tr>

...

</tbody>

$(function(){

$("tr.parent").click(function(){

$(this)

.toggleClass("selected")     //删除或添加高亮

.siblings("child"+this.id).toggle(); //隐藏或显示子行

});

});

CSS样式控制隔行变色:

.line{

table{

tbody{

tr:nth-child(odd){background:red;}

tr:nth-child(even){background:blue;}

}

}

}

时间: 2024-10-05 04:55:04

jQuery相关知识的相关文章

accp8.0转换教材第9章JQuery相关知识理解与练习

自定义动画 一.单词部分: ①animate动画②remove移除③validity有效性 ④required匹配⑤pattern模式 二.预习部分 1.简述JavaScript事件和jquery事件方法不同 前者需要在 前面加on后者不要 2.调用执行jquery中的hasclass()方法能实现什么功能 查找是否有这个样式 3.validity:对象有哪些常用属性 toolong:判断输入的值是否超过限定字符 typemismatch:输入值是否与表单匹配 customError:自定义验证

Jquery:小知识;

Jquery:小知识: jQuery学习笔记(二):this相关问题及选择器 上一节的遗留问题,关于this的相关问题,先来解决一下. this的相关问题 this指代的是什么 这个应该是比较好理解的,this就是指代当前操作的DOM对象. 在jQuery中,this可以用于单个对象,也可以用于多个对象. $('btn').click(function(){ alert(this.innerHTML); // 单个对象,this指代当前id为btn的DOM对象 }); $('div').each

grunt 相关知识

module.exports = function(grunt){ // 项目配置 grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), uglify: { options: { banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'//添加banner }, //任务一:压缩a.js,不混淆变量名

AJAX跨域调用相关知识-CORS和JSONP(引)

AJAX跨域调用相关知识-CORS和JSONP 1.什么是跨域 跨域问题产生的原因,是由于浏览器的安全机制,JS只能访问与所在页面同一个域(相同协议.域名.端口)的内容. 但是我们项目开发过程中,经常会遇到在一个页面的JS代码中,需要通过AJAX去访问另一个服务器并返回数据,这时候就会受到浏览器跨域的安全限制了. 这里要注意,如果只是通过AJAX向另一个服务器发送请求而不要求数据返回,是不受跨域限制的.浏览器只是限制不能访问另一个域的数据,即不能访问返回的数据,并不限制发送请求. 我们接下来就为

python的list相关知识

关于list的相关知识 list01 = ['alex',12,65,'xiaodong',100,'chen',5] list02 = [67,7,'jinjiao_dawang','relax1949',53] #打印list01.list02 print(list01) print(list02) #列表截取.切片 print(list01[1]) print(list01[-2]) print(list01[1:3]) #列表重复 print(list01 * 3) #列表组合 prin

三层交换机相关知识

三层交换机相关知识 这次的作死之路又要开始了.这次的对象主要是交换机:还是三层的: 这是这次实验的总体用图: 现在现根据图上的标志:将所有的主机配置好:目前没有做任何vlan:所以PC1和PC3是能够互通的: 接下来:我想先去探索下三层交换机关闭portswitch会怎么样: 第一步:先关闭了再说: 因为按照图中的设计:PC1的帧如果想要到达PC2,那么就必然要经过LSW1.但是现在我关闭了g0/0/1端口的portswitch:现在pc1并不能ping通pc2: 通过百度:三层交换机的端口不仅

php学习day7--函数的相关知识

今天我们主要学了函数的相关知识,是个比较基础的知识,但也是很重要的. 一.函数 函数就类似于一个工具,我们写好函数之后可以直接进行调用,可以很大的减少代码的从用性,提高页面性能和可读性. 1.函数的定义 在php中函数的定义方式为: function  name($形参1,$形参2.....){ 要执行的代码 return  123: } 在上方的函数定义式中,name代表函数名,小括号内是形参,是用来传递参数,花括号中的就是调用时需要执行的代码. 函数的调用方式: name(实参1,实参2,.

svn常规操作与相关知识

Svn常规操作与相关知识 一.何谓版本控制 它是一种软件工程籍以在开发的过程中,确保由不同人所编辑的同一档案都得到更新,它透过文档控制记录程序各个模块的改动,并为每次改动编上序号,并且编辑错误之后还可以回溯到以前的版本 二.可供我们选择的版本控制系统 1.VCS  (本地版本控制) 2.VSS.CVS(集中版本控制) 3.ClearCase.SVN.Perforce.TFS(集中版本控制) 4.Mercurial(水银/水星).Git(分布式版本控制) 差异: 1.Git和其他版本控制系统的主要

黑马程序员---Objective-C基础学习---类、对象、方法相关知识笔记

------Java培训.Android培训.iOS培训..Net培训.期待与您交流! ------- 类.对象.方法相关知识笔记 Objective-C相对于C语言有了面向对象的特性,但是ObjC又没有其他面向对象语言那么多语法特性,ObjC本身对面向对象进行了精简.下面是一些相关知识笔记. 类定义 成员变量 方法和属性 self关键字 类定义 在C#.Java等其他高级语言中定义一个类是相当简单点的,直接一个关键字class加一对大括号基本就完成了,但是在ObjC中类的定义相对变化比较大.现