那些学些网址_jquery初学知识

http://www.cnblogs.com/mingmingruyuedlut/archive/2011/10/18/2216553.html(ajax)
http://www.enet.com.cn/eschool/video/jQuery/(jquery)
http://www.cnblogs.com/zhangziqiu/tag/jQuery/(jquery网页)
http://www.verycd.com/topics/2772159/(PHP)
http://www.enet.com.cn/eschool/video/sqlmana/(sqlsever数据库操作)
http://www.enet.com.cn/eschool/esch_new/
http://demo.shopxx.net/admin/index.jsp

基本选择器--几年前学习用的

div:eq(1) 选择第二个div

div:le(4) 选择索引小于四的所有div

div:gt(3) 选择索引大于三后面所有的div

div:even 选择基数div

div:odd  选择偶数div

div:odd:not(.2) 选择偶数排除class为2的元素

:animated选择所有正在执行动画的所有div

:header 选择所有的标题元素

.2~input   选择class为2后面的同辈所有input元素

.2+input   选择class为2后面的同辈第一个input元素

.2>input   选择div下面同辈的所有input标签

.2  input   选择div下面的所有input标签

setTimeout(‘ssssss()‘,1000) 一秒钟调用一次sssss()这个函数

类容选择器

div:contains(‘2‘)  选择类容为2 的所有div

div:empty   选择类容为空 没有子元素的div

div:has(a)  选择类容包含a标签的div

div:parent  选择所有包含有类容的div

$("div:hidden").show();  选择所有隐藏的div 并显示出来

div:visible 选择所有可见的div

属性过滤器

div[id] 选择所有拥有id属性的div

$("#btn").click(function()
{ $("input[name=‘a1‘][checked=‘checked‘]").each(function(i){
alert($(this).attr(‘checked‘));//输出属性checked
})
})
选择id为btn的buttn按钮 点击它 查找所有input 含有name属性的
并且name="a1"的所有元素 并且选中 然后用循环遍历

div[title^=‘a‘]  title属性以a开头的所有div

div[title $=‘a‘]  title属性以a结尾的所有div

div[title *=‘ab‘]  title属性包含ab的所有div

div[id][title=‘3‘][id=‘111‘] 赛选有id属性的div 并且title=‘3‘ id=‘111‘

子元素过滤选择器

$("ul>li:nth-child(2)") 选取ul下的第二个li

$("ul>li: first-child") 选取ul下的第一个li

$("ul>li:last-child")   选取ul下的最后一个li

select :selected  获取下拉框中的值
$("ul>li:only-child")   选取只有一个li的ul

表单对象属性过滤选择器

input:enabled   为可用的input标签

input:disabled 不可用的input标签

.div:hidden  表示隐藏的div并且class=div

.div :hidden 表示影藏的class为div下面的所有隐藏标签

表单选择器

.from1 :text 选择form表单下所有的单行文本框

.from1 :password 选取from表单下的所有密码框

创建节点

<ul id="tt"><li>sdfdsfds</li></ul>
var li1=$("<li>sdafasf</li>");
var li2 $("<li>sdaf是打发</li>");
$("#tt").append(li1).append(li2);

//加载在标签里面
$("#a1").append($("#b1").html())  把b1中的文本追加到a1文本后

$("#b1").append($("a1"))   把b1全部加载到a1后 包括标签

$("#a1").prepend($("#b1").html())  把b1中的文本追加到a1文本前

//加载到标签外面
$("#a1").after("#b1")  把b1 放到a1后面

$(#b1).insertAfter("#a1");把b1 放到a1后面

#("#a1").before($("b1")) 把b1 放到a1前面

//移除项
$("ul > li:eq(1)").remove(); 移除ul下索引为1的li标签

//清空项

$("ul1 >li[title="aa"]").empty();

//复制节点
只是单纯的复制 没有复制事件
$("#ul1>li").click(function(){
$(this).clone().appendTo("#ul2");
})
//将事件也复制过来
$("#ul1>li").click(function(){
$(this).clone(true).appendTo("#ul2");
})

$("#b1").appendTo($("a1"))   把b1全部加载到a1前 包括标签

//替换
$("#p").replaceWith("替换的类容")

#("替换的类容").replaceAll("#p")

包裹节点
$("#ul1").wrap("<div>把ul标签包裹在div里面 </div>")

$("ul").wrapAll("<div>把所有的匹配的元素包含在一个元素里面</div>")

$("#div1").wrapInner("<span>将div里面的类容放在span里面</span>")

属性的操作
attr(获得属性) attrRemove(删除元素属性)
$("#ul>li:eq(3)").attr("title");找到ul下第三个li并且获得title属性

$("#ul>li").attr("title","sss") 找到ul下的li并且加上title属性等于sss

设置多个属性 $("#ul>li").attr("title","sss").attr("class","ttt")

$("#ul>li").attr("title":"sss","class":"ttt","name":"yyy")

删除属性
$(#ul1>li).removeAttr("title"); 删除ul下所有li标签的title属性

添加样式
$("#ul1>li:eq(0)").attr("class") 获取样式

$("#ul1>li:eq(0)").attr("class","ddd dff")  class里加两个

$("#ul1>li:eq(0)").addClass("dd") 追加样式

移除样式
$("#ul1>li").removeClass(); 移除ul下li标签的全部样式

$("#ul1>li").removeClass("dd"); 移除ul下li标签的dd样式

样式切换
$(#btn1).toggle(funchtion()){第一次执行的},function(){第二次执行})交替执行

样式判断
$("#ul1>li:eq(0)").hasClass("functiongsize") 判断第一个li是否含有functionsize属性

$("keyword").focus(function(){  
if($(this).val()=="你好"){
$("#keyWord").focus(function(){$(this).val("").sttr("class","red");}) 得到焦点
}
}
if($(this).val.length<=0){
$("#keyWord").blur(function(){$(this).val("你好").sttr("class","ccc");}) 得到焦点
}

取得匹配子元素的集合
$("#did ul").children().css("brackground","red");

$("#sss").next();找到紧邻的后面元素

$("#p").prev().html(); 找到紧邻前面的元素

$("#p1").siblings()找到所有同辈的元素

$(document).bind("click",function(e){$(e.target).closest("li").css("color","red")})
选取当前点中的元素并将其改变颜色

$("#divcss").css({"color":"red","fontsize":"15px"})

设置透明度 :$("#div").css("opacity","0.5") 半透明

$("#div").offset().left 获取当前这个元素的相对偏移 (相对整个浏览界面)

(外层div加 position:relative)(内层div position:absolute绝对定位)
$("#div").position().left;

div 有个属性可以使其有滚动条 overflow:auto

$("#diva").scrollTop();拉动滚动条时对应的位置

设置偏移
$("#btn1").click(function(){$("#diva").scrollTop(150)})

jquery事件

$(function(){})文件加载完成后执行里面的类容(标签解析完了后执行)
$(window).load(function(){})图片加载完成后执行

折叠盒展开(cursor:pointer(鼠标移动到上面为手形))
绑定事件
$("#div").bind("click",function(){
if($(this).next().is("visible)){
   $(this).next().hide();
}else{
$(this).next().show();
}
})

移动上去显示 移开隐藏事件 mouseover

事件合并
$("#div").hover(function(){},function(){});鼠标移动上去执行前面一个 移开执行后面一个函数
$("#div").toggle(function(){},function(){})点击切换两个函数

移除事件
$("#div").unbind("事件名字");

事件冒泡
stopproopagation()阻止冒泡

阻止默认行为
$("#div").bind("click",function(e){e.preventDefault();})

change 当里面的项发生过改变时执行

时间: 2024-09-30 06:56:39

那些学些网址_jquery初学知识的相关文章

「01」机器学习,到底在学些什么?

阅读 0 编辑文章 大家好,欢迎来到久违的机器学习系列,这是「美团」算法工程师带你入门机器学习 专栏的第一篇文章,不会太长,一半聊想法,一半聊干货.熟悉我的朋友可能知道,我以前的文章比较随意,涉及的内容极广,包括但不限于Python/Java/C/C++,网络编程,Hadoop等,但主要核心还是机器学习算法和数据科学相关的主题,这一点没变过. 最近认真总结和思考了之前的博客内容,决定将自己从入门到现在一路走来的学习经验和理解整理一番,帮助更多后来的小伙伴更好的入门,所以就有了这个系列.以前的知乎

运维工程师该干什么学些什么?[致菜鸟]

很多刚学linux运维的朋友,总是搞不懂,运维工程师工作中干些啥?学的这些东西有什么用?今日我特来总结总结,希望能帮助即将跨入该行的人形成一个整体的思路.下面红色字体代表所要掌握的LInux免费开源工具. 运维工程师干些什么 总结两句话 1.  保障业务长期稳定运行(如网站服务器.游戏服务器等等). 2.  保障数据安全可靠(如用户名密码.游戏数据.博客文章.交易数据等等). 由这两句话推演运维工程师要学些什么 一.保障业务长期稳定运行 出一点点差错,用户就要投诉了. 1.业务跑在什么上面? 网

测试应该都学些什么!

记得从上学那会.初中的时候老师还是会让大家做些笔记.初中毕业后.高中甚至大学就一直很少在写个人笔记了.至少我是哈.主动承认自己的不足. 为什么要说笔记呢.原因很简单.就是最近工作出现的一连串繁琐事情.当然不排除我个人认为笔记有时候很好的描述一个人的成长历练.经历等等. 话题跑偏了好像.先说一下笔记的好处: 1.做笔记是训练一个人的语言转化能力 2.做笔记可以提高一个人选择.归纳有效信息的能力. 文章的主题是测试应该学习些神马?我本人也是做测试的.从毕业截止到今.不多不少2年半. 刚开始的时候做这

http协议,关于网址的小知识

昨天晚上搜c#读取网页文件的时候,无意中学到了这么一个知识: 在网址上有的时候我们会看到?或者&等多种奇怪的符号,那这些都到底是什么意思呢?! 下面听我讲解下! ?:?指的是分割网页地址于参数的,可以理解为?就是个分割符,前面是网页真正的地址,而后面则是需要上传的参数. &:当多个参数并列上传时,则需要加上这个符号! %:这个是一种加密方式,它不会单独出现,而是这么出现:

2019,全栈开发者应该学些什么

前端 HTML.CSS 和 JavaScript 是必须掌握的,你还需要学习 React.Vue 或 Angular 等前端框架或库.但是,你应该选择哪一个?对于一个真正的全栈开发者,你可以在 2019 年选择这三个框架中的任何一个. 来自 React 16 的更新 你需要了解 React 的基础知识及其基于单向数据流架构的组件.今年我们看到了 React 16 的大量更新和 2019 年即将发布的一些小版本更新. 新的生命周期方法: React 16.6 中的 Suspense for Cod

十余年谷歌大佬的见解:成为算法工程师到底需要学些什么?

人工智能? 感觉这个词很广泛,我之前想把人工智能当成某一项技术来学,但是并没有找到我满意的答案,还是说人工智能本就不是某一项技术? 首先回答一下人工智能到底学什么 1.学习并掌握一些数学知识 高等数学是基础中的基础,一切理工科都需要这个打底,数据挖掘.人工智能.模式识别此类跟数据打交道的又尤其需要多元微积分运算基础线性代数很重要,一般来说线性模型是你最先要考虑的模型,加上很可能要处理多维数据,你需要用线性代数来简洁清晰的描述问题,为分析求解奠定基础 概率论.数理统计.随机过程更是少不了,涉及数据

【Xcode学C-4】进制知识、位运算符、变量存储细节以及指针的知识点介绍

一.进制知识 (1)默认是十进制.八进制前面加0.即int num1=015;是13.十六进制前面加0x/0X.即int num1=0xd.结果是13.二进制前面是0b/0B,即int num1=0b1101,结果是13. (2)输出能够是八进制.十进制.十六进制输出.各自是%o.%d.%x,但没有二进制格式直接输出. (3)3位二进制位是0~7,三个3位二进制位就相当于八进制数据.如000001101(二进制的13),我们划分成三个一组000 001 101,再分别换算成十进制的就是0 1 5

(连载)边喝咖啡边学Unity——第二章 预备知识体系(2)

什么是矩阵? mn个数排成m行n列形成的矩形表称作一个mxn矩阵. 行向量与列向量 由于向量我们可以看做是一种特殊的矩阵,即只有一行或者只有一列的特殊矩阵.因此我们把只有一行的向量称为行向量,只有一列的向量称为列向量. 注意我们的程序在存储矩阵的时候其实是将mn个数存放在一个线性表中,因此获取一个矩阵中的第几行第几列的元素有一个优先原则.这里特别提出,Unity在Matrix4x4这个类的手册中有这样一句话: Matrices in unity are column major. Data is

谷哥的小弟学前端(07)——CSS基础知识(5)

探索Android软键盘的疑难杂症 深入探讨Android异步精髓Handler 详解Android主流框架不可或缺的基石 站在源码的肩膀上全解Scroller工作机制 Android多分辨率适配框架(1)- 核心基础 Android多分辨率适配框架(2)- 原理剖析 Android多分辨率适配框架(3)- 使用指南 自定义View系列教程00–推翻自己和过往,重学自定义View 自定义View系列教程01–常用工具介绍 自定义View系列教程02–onMeasure源码详尽分析 自定义View