首页 置换 选车 估价 问答 生活 经销商 车管所 汽车资讯 汽车销量 车牌查询 今日油价 天气预报
您的位置: 首页 > 生活 > 生活 > jquery参考手册打不开(web前端三大主流框架对比)
jquery参考手册打不开(web前端三大主流框架对比)
更新时间:2024-08-16 23:57:34

jquery参考手册打不开?本文是我再学习jquery总结的一些笔记,希望给大家带来一些帮助基本了解以下内容几乎就够用了,接下来我们就来聊聊关于jquery参考手册打不开?以下内容大家不妨参考一二希望能帮到您!

jquery参考手册打不开(web前端三大主流框架对比)1

jquery参考手册打不开

本文是我再学习jquery总结的一些笔记,希望给大家带来一些帮助。基本了解以下内容几乎就够用了

1:基本选择器:

(“li,p”):li标签与p标签并集

(“li p”):li标签的后代p标签

(“li>p”):li标签的子代p标签

(“li.clas”):li标签中class属性值为clas的标签

(“li#clas”):li标签中id属性值为clas的标签

(“li~p”):li标签后面紧邻的所有同级标签

(“li+p”):li标签后面紧邻的下一个同级标签

2:属性选择器

$(“[href]”):包含href属性的所有标签

$(“[href=’#’]”):包含href属性值为#的所有标签

$(“[href!=’#’]”):包含href属性值不等于#的所有标签

$(“[href^=’en’]”):包含href属性值开头为en字符的所有标签

$(“[href$=’.jpg"’]”):包含href属性值结尾为.jpg"字符的所有标签

$(“[href*=’txt’]”):包含href属性值含有txt字符的所有标签

$(“li[id][title=新闻]):包含id属性和title属性值为新闻的li标签

3:基本过滤选择器

$(“li:first”):所有li标签中的第一个li标签

$(“li:last”):所有li标签中的最后一个li标签

$(“li:even”):所有li标签中的索引为偶数的li标签(从0开始)

$(“li:odd”):所有li标签中的索引为奇数的li标签(从0开始)

$(“li:eq(1)”):所有li标签中的索引等于1的标签(从0开始)

$(“li:gt(1)”):所有li标签中的索引大于1的标签(从0开始)

$(“li:lt(1)”):所有li标签中的索引小于1的标签(从0开始)

4:键盘事件

keydown():按下键盘时

keyup():释放键盘时

keypress():产生可打印的字符时

5:表单事件

focus():获得焦点

blur():失去焦点

(fieldset标签—-表单域,legend标签—-域标题)

<fieldset>

<legend>登录</legend>

帐号:<input type=”text”/>

密码:<input type=”password”/>

<fieldset>

6:鼠标光标悬停事件

hover():相当于mouseover与mouseout事件的组合

7:显示及隐藏元素

show(“slow”):显示,速度取值:毫秒,slow,normal,fast

hide(“slow”):隐藏,速度取值:毫秒,slow,normal,fast

8:其他效果

toggleClass(“bor bg fon”);相当于addClass和removeClass的切换

toggle():切换元素可见状态(show()与hide()的效果)

fadeIn(“slow”):渐入效果,速度取值:毫秒,slow,normal,fast

fadeOut(“slow”):渐出效果,速度取值:毫秒,slow,normal,fast

fadeToggle(“slow”):渐入渐出效果,速度取值:毫秒,slow,normal,fast

slideDown(“slow”):可以使元素逐步延伸显示,速度取值:毫秒,slow,normal,fast

slideUp(“slow”):使元素逐步缩短直至隐藏,速度取值:毫秒,slow,normal,fast

slideToggle():使元素在上拉与下拉切换

animate():通过控制元素改变样式的过程的时间来实现动画效果—-animate({样式},1000) 一秒之内变成指定的样式

9:样式

overflow:hidden 超出区域部分隐藏

position:absolute 绝对定位

position:relative 相对定位

相对定位:人走了 坑还在

position: relative;top: 200px; 像下移动两百px

绝对定位:最近的祖先元素为参考物

position: absolute;right: 200px;

固定定位:针对浏览器定位

fixed; right: 100px;

background-color: rgba(0,0,0,0.5);给背景颜色透明

text-transform:capitalize让文本每个单词首字母大写

10.文本内容

$(“div”).html();//获取第一个匹配元素的HTML内容或文本

$(“div”).html(“”);//可以编译成Html语言

$(“div”).text();//获取所有匹配元素的文本内容

$(“div”).text(“”);//只能获取文本

$(this).val();//获取val值

$(this).val(“”);//设置val的值 jquery中调用.val()方法,js中.value的属性

11.节点插入

元素内部

$(“ul”).append($fd); //将jquery对象插到ul最后

$fd.appendTo(“ul”); //将jquery对象 插到ul最后

$(“ul”).prepend($fd); //将jquery对象插到ul最前

$fd.prependTo(“ul”); //将jquery对象插到ul最前

同辈节点插入

var $na=$(“<p>A</p>”);

$(“ul”).after($na); 在ul之前插入同辈元素

$na.insertBefore(“ul”); 在ul之前插入同辈的另一个元素

var $nae= $(“<ol><li>B</li></ol>”);

$(“ul”).after($nae); 在ul之后插入一个同辈元素

$nae.insertAfter(“ul”); 在ul之后插入一个同辈元素

12.复制节点

$(“”).clone(true)复制节点

13.删除节点

remove()// 删除整个节点

empty() // 清空节点内容

function del(test){

$(test).remove();

}

onclick=”del(this)”//当前的

$(function(){

为类.del绑定一个click事件

$(document).on(“click”,”.del”,function(){

$(this).parent().parent.remove();

})

为类.add绑定一个click事件

$(document).on(“click”,”.add”,function(){

})

14.获取与设置节点的属性

$(“img”).attr({“title”:”病毒”,”alt”:”模拟”});//设置多个属性

$(“img”).attr(“title”:”病毒”);//设置单个属性

$(“img”).removeAttr(“title alt”)//删除多个属性用空格

})

15.遍历

$(”li”).each(function(index,element){

});

$(“body”).children();//body下面所有子元素

.next()//紧邻的下一个

.prev()//紧邻的上一个

.siblings()//除了自己其他的同辈元素

$(“”).parent()//当前的父辈元素

$(“”).parents(“tr”)为tr的父辈元素

$(“”).parents()所有的父辈元素

服务器端:

Gson g=new Gson();

String json=g.toJson(list);//将list数组转为json数组

pw.print(json);

前端:

$.post(“/JSP/json”,function(result){

var strs=””;

var json=$.parseJSON(result);//返回一个JS 形式的JSON数组

for(var i=0;i<json.length;i++){

strs+=json[i].id+” “+json[i].title+”<br/>”;

}

$(“div”).html(strs);

})

相关推荐RECOMMEND
镇平客运班车何时恢复运营(4月28日平运公司客运班线复运公告)
平顶山平运汽车运输有限公司为做好疫情期间交通运输保障工作,积极响应政府号召,及时恢复班线运营.一、已复运班次:市客运中心站至漯河大巴:9:3014:30;市客运中心站至漯河中巴:8:00、14:00;...
耳朵解剖图及名称(及与脸颊的关系)
耳朵素描教程1.耳朵与脸颊的关系从正面看,耳朵与脸颊形成15度左右的夹角,耳朵并不是贴在脸上。耳朵与脸颊的关系犹如一扇打开的门,他们之间是形成角度的,要理解耳朵的位置朝向就要从三维的角度去感受。2.耳...
科技探秘消失的女尸(河南奇女子40年没睡过觉)
亲爱的读者朋友您好,如果您喜欢这篇文章,请点击右上方的“关注”,感谢您的支持,希望能给您带来愉快的阅读体验河南省中牟县老张庄村的村民都知道村里有个奇女子,奇就奇在她似乎不用睡觉。科学研究表明,睡眠是对...
如何取椰子肉(怎么取椰子肉)
如何取椰子肉?去除椰子汁后,将椰子放上蒸锅蒸10-20分钟,就能发现椰子肉自动和外壳分离,此时就可以轻松取肉了,我来为大家科普一下关于如何取椰子肉?以下内容希望对你有帮助!如何取椰子肉去除椰子汁后,将...
夏朝有文字吗(夏朝有没有文字)
夏朝有文字吗?夏朝是有文字的,但是目前还没有明确的证据,现在小编就来说说关于夏朝有文字吗?下面内容希望能帮助到你,我们来一起看看吧!夏朝有文字吗夏朝是有文字的,但是目前还没有明确的证据。夏朝文字,从目...
vlookup函数用法整理汇总(今天咱们一起学)
小伙伴们好啊,今天和大家说说函数里的大众情人VLOOKUP。作为职业表亲,大家对TA是既爱又恨:经常打交道,却又时不时的耍个小脾气,接下来咱们就慢慢开扒。1、初识VLOOKUP函数VLOOKUP是在表...