jQuery习题的一些总结

1.在div元素中,包含了一个<span>元素,通过has选择器获取<div>元素中的<span>元素的语法是? 提示使用has

$("div:has(span)")

2.在三个<ul>元素中,分别添加多个<li>元素,通过jQuery中的子元素选择器,将这三个<ul>元素中的第一个 <li>元素隐藏,代码是? 提示使用first-child

$("li:first-child")hide()

3.在页面的表单中增加了多个<input>类型的复选框元素,其中有的处于选中状态,通过jQuery选择器,将这些 选中状态的元素隐藏,代码为?

$("form input:checked").hide();

4.如何获取列表框元素中被选中元素的的值,代码为:?

$("select option:selected").text()

5.使用attr方法,取消id号为test的复选框选中状态代码为:?

$("#test").attr("checked",false);切记这里的属性值不能加双引号

find()的用法?

alert($("#TrackID").find("option:selected").text());

表单元素里获取值用对象.val();  其他标签里用text或html;

jQuery追加文本的方法.append();
键盘敲入的字符接受的时候是在keyUp事件之后,其他keyDown,keyPress事件如果追加文本都先存在缓存区里!

DOM 0级注册方式 click DOM 2级注册方式 bind live

用click和bind方式不能给后来动态生成的对象绑定原有的事件,不用克隆true的方式时就用live方法!

appendTo():如果对象原本就存在的,如$("li:first").appendTo("ul")那么ul里的li数量不会变,但是会把第一个li和第二个li调换位置 <ul>   <li id="one">aa</li>   <li id="two">bb</li> </ul>

如果对象是新添加的,那么$("<li>cc</li>").appendTo("ul")那么ul里的li数量会增加一个在最后。

如果想用第一种方法可以先克隆一下,如:$("li:first").clone(true).appendTo("ul")那么也会改变li的长度,true代表对象自身的事件也被复制过去了

透明度:

opacity 0完全透明  1不透明  0.5折中

$(function () {

$(‘dd‘).hover(function () {

$(this).animate({ opacity: "0.5" });

}, function () {

$(this).animate({ opacity: "1" });

})

})

jQuery如果在一个紧密事件里多次追加样式.addclass("样式"),不会覆盖掉原样式,如hover()事件里鼠标悬浮移开就会在标签里class=""

里以空格分离的形式多次在后面追加样式,所以如果多次用到,追加后在鼠标移开的事件里记得清楚样式。

jQuery可以同each()方法遍历元素集合:

$("button").click(function(){
$("li").each(function(){
alert($(this).text())
});
});

jQuery可用$.each遍历数组:

1:相当于key value

$.each(Array, function(i, value) {

this;      //this指向当前元素

i;         //i表示Array当前下标

value;     //value表示Array当前元素

});

2:相当于下标

$.each(Array, function(i) {

this;      //this指向当前元素

Arrayp[i]   //Arrayp[i]指向当前元素

i;         //i表示Array当前下标

3:直接什么都不用,this直接代替当前数组元素

var arr = [ "one", "two", "three", "four"];     
 $.each(arr, function(){     
    alert(this);     
 });

jQuery习题的一些总结

时间: 2024-10-10 06:23:48

jQuery习题的一些总结的相关文章

jQ试题的总结

jQuery习题的一些总结 1.在div元素中,包含了一个<span>元素,通过has选择器获取<div>元素中的<span>元素的语法是? 提示使用has $("div:has(span)"): 2.在<ul>元素中,添加了多个<li>元素,通过jquery选择器获取最后一个<li>元素的方法是? $("li:last"); 3.在页面中有三个<div>元素,采用jQuery中的链

【四】jquery之文档处理习题(内部处理、外部处理)

参考资料:http://jquery.cuishifeng.cn/index.html 代码: <!DOCTYPE html> <html> <head> <style type="text/css"> select{ height: 140px; border: #000 1px solid; } </style> <script type="text/javascript" src="j

通过JavaScript设置样式和jQuey设置样式,还有随机数抛出水果的习题

一:通过JavaScript的方式设置样式(:拿习题为例): var shuiguo = document.getElementById('fruit');     shuiguo.style.backgroundColor = 'Red';                                                    //1     shuiguo.onclick = function () {     shuiguo.style.cssText = "backgrou

3-3 编程练习:jQuery键盘事件案例

3-3 编程练习 完善下面的代码,在input框中输入内容的时候同样显示在下面的p标签中 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>习题</title> </head> <body> <input type="text" value="

前端(5)之jQuery

前端(5)之jQuery jQuery介绍 1.jQuery是一个轻量级的,兼容多浏览器的JavaScript库. 2.jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交互,能够极大地简化JavaScript编程.它的宗旨就是:"Write less, do more." jQuery的优势: 一款轻量级的JS框架.jQuery核心js文件才几十kb,不会影响页面加载速度. 丰富的DOM选择器,jQuery的选择器用起来很方便

基于jquery开发的UI框架整理分析

根据调查得知,现在市场中的UI框架差不多40个左右,不知大家都习惯性的用哪个框架,现在市场中有几款UI框架稍微的成熟一些,也是大家比较喜欢的一种UI框架,那应该是jQuery,有部分UI框架都是根据jQuery研发出来的产品,现在也很常见了. 国产jQuery UI框架 (jUI) DWZ DWZ富客户端框架(jQuery RIA framework), 是中国人自己开发的基于jQuery实现的Ajax RIA开源框架.设计目标是简单实用,快速开发,降低ajax开发成本. jQuery 部件布局

微信生成二维码 只需一个网址即刻 还有jquery生成二维码

<div class="orderDetails-info"> <img src="http://qr.topscan.com/api.php?text=http://123.net/index.php?s=/Home/Index/yanzheng/mai/{$dange.id}" style="width: 5rem; margin-bottom: 1rem;" > </div> http://qr.tops

Jquery基础总结

jquery获取元素索引值index()方法: jquery的index()方法 搜索匹配的元素,并返回相应元素的索引值,从0开始计数. 如果不给 .index() 方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置. 如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置. 如果参数是一个选择器,那么返回值就是原先元素相对于选择器匹配元素中的位置.如果找不到匹配的元素,则返回-1. <ul> <li id=&quo

数据库经典习题,

/* 数据导入: Navicat Premium Data Transfer Source Server : localhost Source Server Type : MySQL Source Server Version : 50624 Source Host : localhost Source Database : sqlexam Target Server Type : MySQL Target Server Version : 50624 File Encoding : utf-8