jQuery的源地址、行为以及选择器

1.源地址:

 开发者可以直接在HTML源文件引用internet的jQuery库链接,使用库链接而不是将其下载到本地再引用有好处,因为Internet上的jQuery库都做了CDN加速。

<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js(jquery.js也可以)"> </script>

$(selector).action() --   jQuery语法形式;

selector:选择器;

action():行为;

2.jQuery选择器:

常用的jQuery选择器
例子描述
$("*")选取所有元素
$(this)选取触发事件的当前HTML元素
$("div.container")选取所有class为container的div元素
$("div#one")选取所有id为one的div元素
$("div:last")选取最后一个<div>元素
$("table tr:first")

选取第一个<table>元素的第一个<tr>元素

$("ul li:first-child")选取每个<ul>元素的第一个<li>元素
$("[src]")选取带有“src”属性的元素
$("div[title='mainFrame']")选取所有title属性为mainFrame的“div”元素
$(":text")选取所有的单选文本框
$("p:visible")选取所有可见的<p>元素
$("td:odd")选取奇数位置的<td>元素
$(":enabled")选取所有可用元素
$(document)文档对象
$("p:contains("星期一")")选取所有内容包含"星期一"字样的<p>标签
$(":empty")选择所有内容为空的标签

3.行为:

(1):标记内容操作

.text():设置或返回标签中的文本内容;

.html():设置或返回标签中的HTML内容;

.val():设置或返回表单控件中的用户输入数据;

.attr("attr_name"):设置或返回标签的某属性;

.css("property_name"):设置或返回标签的某css属性;

(2):标签新增与删除

.append():在父标签的最后部分插入;

.prepend():在父标签的最前面插入;

.after():紧跟在某元素的后面插入;

.before():在某元素之前插入;

.remove():删除标签,同时删除子标签;

.empt():清空标签内容,但是不删除标签标签本身;

(3)事件响应

jQUery封装了对HTML事件的响应处理,每个事件定义为一个行为。

语法形式:$(selector).EVENT(function(){

    事件处理代码;

});

EVENT:HTML事件去除“on”后的名字,有一个特殊的事件$(document).ready()用于响应文档已加载完成的事件。

(4):jQuery特效

.hide()/show():隐藏、显示元素;

.toggle():在元素的hide和show状态之间进行切换;

.fadein/fadeout():dan

.fadetoggle():在fadein和fadeout状态之间转换;

.fadeTo(speed, opacity, callback):渐变为给定的不透明度。speed可以取值为slow、fast或者毫秒;opacity值介于0到1之间;callback为动作完成后调用的回调函数;

.slideDown()/slideUo():向下滑动出现,向上滑动隐藏;

,slideToggle():在slideDown和slideUp之间状态转换;

.animate({param, speed, callback}):自定义动画效果。其中param可以是任何CSS属性。

.stop():停止动画;

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
省市县(区)三级选择, 含UI, 可用与移动端web开发 ----------------构造函数--------------------- fnBdAdCode({ test:false,//开启测试输出 depth:3, //选择级别,1 省, 2省市, >=3省市县(区) fn:function(name,code,o){}//选择事件,返回参数 name 名称,code GB码,o 元数据{} sheng:"",//初始化查询省{sheng:"江苏省",shi:"扬州市",qu:"广陵区"} 最少要有一个参数 shi:"",//初始化查询市 qu:"",//初始化查询县(区) code:"",//初始化查询code initdom:true//加载选择弹层dom,仅查数据可不加载,手动加载 x.initdom() }); -------------初始化查询元数据------------------------ _so=fnBdAdCode({qu:"回民区",initdom:0,depth:2}); return _so: {"name":"回民区","tag":"内蒙古自治区>呼和浩特市","code":150103,"result":[{"tag":"内蒙古自治区>呼和浩特市>回民区","code":150103}]} 其中: result=[所有匹配结果] 未找到: _so.code=-1 _so.result=[] _so=fnBdAdCode({code:321000}); return _so: {"name":"扬州市","tag":"江苏省>扬州市>扬州市","code":321000,"result":[{"tag":"江苏省>扬州市>扬州市","code":321000}]} 其中: result=[所有匹配结果] 未找到: _so.code=-1 _so.result=[] -------------查询地区code------------------------ _so.getcode({sheng:"江苏省",shi:"扬州市",qu:"广陵区"}); return: 321002 未找到:-1 (_so.code=-1 _so.result=[]) so: {"name":"广陵区","tag":"江苏省>扬州市>广陵区","code":321002,"result":[{"tag":"江苏省>扬州市>广陵区","code":321002}]} 其中: result=[所有匹配结果] _so.getcode({shi:"扬州"}); return: 321000 未找到:-1 (_so.code=-1 _so.result=[]) _so: {"name":"扬州市","tag":"江苏省>扬州市>扬州市","code":321000,"result":[{"tag":"江苏省>扬州市>扬州市","code":321000}]} 其中: result=[所有匹配结果] ------------查询code对应地区------------------------- _so.gettag(150103); return: 内蒙古自治区>呼和浩特市>回民区 未找到:"" (_so.code=-1 _so.result=[]) _so: {"name":"回民区","tag":"内蒙古自治区>呼和浩特市>回民区","code":150103,"result":[{"tag":"内蒙古自治区>呼和浩特市>回民区","code":150103}]} 其中: result=[所有匹配结果] ------------列出所有省份------------------------- _so.shenglst(); return: [[{"tag":"北京市>北京市>北京市","code":110000,"name":"北京市"},{"tag":"天津市>天津市>天津市","code":120000,"name":"天津市"}],...] _so: {"name":"","tag":"","code":31,"result":[{"tag":"北京市>北京市>北京市","code":110000,"name":"北京市"},{"tag":"天津市>天津市>天津市","code":120000,"name":"天津市"}]} 其中: tag|name=都为空, code=省份数据列表长度即:result.length 未找到: code=result.length=0, 省份数据列表=result=[] -------------列出下级城市------------------------ _so.shilst(320000); return: [[{"tag":"江苏省>南京市>南京市","code":320100,"name":"南京市"},{"tag":"江苏省>无锡市>无锡市","code":320200,"name":"无锡市"}],...] _so: {"name":"江苏省","tag":"江苏省>江苏省>江苏省","code":320000,"result":[{"tag":"江苏省>南京市>南京市","code":320100,"name":"南京市"},{"tag":"江苏省>无锡市>无锡市","code":320200,"name":"无锡市"}]} 其中: tag|name|code=当前省份数据 未找到: result=城市数据列表=[] -------------列出下级县(区)------------------------ _so.qulst(321000); return: [[{"tag":"江苏省>扬州市>邗江区","code":321003,"name":"邗江区"},{"tag":"江苏省>扬州市>高邮市","code":321084,"name":"高邮市"}],...] _so: {"name":"扬州市","tag":"江苏省>扬州市>扬州市","code":321000,"result":[{"tag":"江苏省>扬州市>邗江区","code":321003,"name":"邗江区"},{"tag":"江苏省>扬州市>高邮市","code":321084,"name":"高邮市"}]} 其中: tag|name|code=当前城市数据 未找到: result=县(区)数据列表=[]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值