sid put ask 之一 del notes demo 注册 iscs
- //自定义一个新属性
- //‘<li data-id="‘ + val.id + ‘>‘+ datas[i].name +‘</li>‘
- var channel_id = $(this).data(‘id‘);//获取属性的值
- //截取当前页面链接中的值
- var params = document.referrer; //params:?id,date
- var id = params.substring(40);
js中基本函数的分类
- //普通函数
- function func(arg){
- return true;
- }
- // 匿名函数
- var func=function(arg){
- return true;
- }
- //自执行函数,定义一个函数自己执行自己
- f1(arg){
- alert(arg);
- }
- f1(‘123‘)
- //上面的自执行函数还可以写成;
- (function(arg){alert(arg);})(‘123‘)
非空判断
- //原生
- html: <div class="submit" onclick="submitInfo">提交</div>
- <script>
- function submitInfo(){
- var info=document.getElementsByClassName(‘submit‘).value;
- if(info){ //(!!!)
- return false;
- }else{
- return true;
- }
- }
- </script>
- //jquery
- <script>
- $(.submit).click(function() {
- var info = $(.submit).val();
- if(info == ""){//(!!!)
- return false;
- }else{
- return true;
- }
- }
- </script>
根据CSS样式判断要执行的方法
- $(".find_nav_list").find(‘li‘).click(function() {
- var $this = $(this); // 缓存当前点击的li对象
- var thisCss = $this.hasClass("find_nav_cur"); // 获取当前对象是否包含执行的class样式(!!!)
- if (thisCss) { // 如果当前对象存在class样式(可以理解为当前为选中状态)
- $this.removeClass("find_nav_cur");
- } else {
- $this.siblings().removeClass(‘find_nav_cur‘);
- $this.addClass("find_nav_cur");
- }
- //判断是否有样式
- $("#id").hasClass("className") ? console.log("Has this class.") : console.log("Do not has this class.");
- //切换class类
- jquery.toggleClass() //检查每个元素指定的类,如果没有则添加,有的话删除
如何判断标签里是否有css属性值
- 把css写成行内样式<a style="float:left;">的</a>,这样可以获取style的值再判断是否有margin;
- $(".acont a").each(function(){
- var ofright = $(this).attr("style").indexOf("margin"); //(!!!)
- if(ofright != (-1)){alert("已定义");}
- else{$(this).css({"float":"left","font-size":"12px","margin":"10px"});}
- });
window.location 详解
- //属性:
- hash //从井号 (#) 开始的 URL(锚)
- host //主机名和当前 URL 的端口号
- hostname //当前 URL 的主机名
- href //完整的 URL
- pathname //当前 URL 的路径部分
- port //当前 URL 的端口号
- protocol //当前 URL 的协议
- search //从问号 (?) 开始的 URL(查询部分)
- //跳转到指定页面
- window.location.href = ‘denglu.html‘;
- window.location.reload(‘11.html‘)
- //返回上一页
- < a href = "Javascript:history.go()" > </a>
- <a href="Javascript:history.back()"></a > //这两者的区别:
- history.go( - 1) : 返回上一页,原页面表单里的内容会丢失。back()反之亦然,原页面表单内容会保留。
- //js刷新页面
- location.reload();
- //重载页面,本地刷新
- < a href = "javascript:location.reload()" > 重载页面,本地刷新 < /a>
- 总结http:/ / www.jb51.net / article / 32749.htm http: //www.qdfuns.com/notes/18224/ce8d9da1f4565cbbaaf694a97b70d2d5.html
js的函数绑定事件
- //bind绑定事件
- $(".webuploader_pick").bind("click", function(e){
- $("#fileImage").click();
- });//绑定的点击事件
enter键添加登录功能
- <body onkeydown="keyLogin();"> //(!!!)
- function keyLogin(){
- if(event.keyCode == 13) { //(!!!)13默认enter键
- $(‘.submit‘).click();
- }
- }
- </body>
js功能没有响应的几种原因
- 、js相关文件没有引入。
- 、js文件上下放置顺序有问题。
调试js具体步骤
- 、查看程序中变量的值。
- 、定位错误。
字符串拼接问题
- 1、转义字符\"后面的冒号最好和外围的大括号的单双冒号不一致。"
清空表单内容
- $(".bs_it").attr(‘value‘, ‘‘);
根据元素里是否有内容做判断
- if ($(".my_collect").html() != "") { //(!!!)
- $(‘.collect_msg‘).hide();
- }
js属性操作
- html 代码如下
- <a class="main" href="#"></a>
- var a = document.getElementByClassName(‘main‘);
- a.href="a.html" //(!!!)属性操作
return详述:
- if或for之后 return跳出方法
模拟if判断事件
- .html( < div class = "fl li02" > ‘ + (type == 1 ? "公开": "指定") + ‘ < /div>);/
遇到那种遍历或者写同一个事件的功能,如果事件重合或者后面的事件复写上去,解决办法之一:给他们区分不同的类名或者id标示。
页面刷新进去的方法
- <body class="body" onload="openwin()">
- function openwin()
- {
- alert(‘网络错误,请重试!‘)
- }
同意条款通过后才能执行下面的方法的具体实施办法
- if ($(".input_check").is(":checked")) { //(!!!)已选择
- $.fn.request(url, data,
- function(data) {
- if (data.success === true) {
- alert(‘注册成功‘);
- location.href = ‘denglu.html‘;
- } else {
- alert(data.msg);
- }
- });
- } else {
- alert("您还没有同意条款");
- }
js参数传值问题
- function ordersub(oId) {
- var ordId = oId; //(!!!)声明之后再用
- }
- ordersub(info.id);
图片点击放大缩小
- <style>
- .max{width:100%;height:auto;}
- .min{width:100px;height:auto;}
- </style>
- <script>
- $(function(){
- $(‘#img‘).click(function(){
- $(this).toggleClass(‘min‘);
- $(this).toggleClass(‘max‘);
- });
- });
- </script>
- <html>
- <img id=‘img‘ class=‘min‘ src=‘dream.png‘>
- </html>
js替换内容
- var statusinfo = "";
- if (datas[i].satus == 1) {
- statusinfo = ‘已取消‘
- } else if (datas[i].status == 2) {
- statusinfo = ‘已接受‘
- } else {
- statusinfo = ‘待接受‘
- }
- order_list += "<p class=‘order_list_info‘>状态:" + statusinfo + "</p>"
jQuery课题
- //代替原生的获取dom
- var sidebar = $(‘.#sidebar‘)
- mask = $(‘.mask‘)
- //操作css属性!!!这个之前学习中每次用次次忘,,啊
- //操作单个css属性
- css("propertyname","value");//注意要加冒号的啊!!!
- jq.css("color","#000")
- //操作多个css属性,就是json格式
- css({"propertyname":"value","propertyname":"value",...});//注意还是要加冒号的啊!!!
- jq.css({"color":"#000","font-size":"10px"})//json格式每个小内容都用逗号隔开,然后键值中间用引号,外面给他穿件{}花括号。
- //操作属性attr(),用法同css()
- //animate()方法
- $(‘html,body‘).animate({scrollTop:0},600)//理解:键值对,键就是要执行的动作,值就是时间或者距离咯,跟随键的不同而不同,当然后面那个600也不是必填的。
使用typeof返回变量类型
- document.write(typeof temp) var temp = 100;
- //输出number
截取字符串
- //例子
- var params = document.referrer; //params:?id,date
- var id = params.substring(42);
- $.getUrlParam = function(name) {
- var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
- var r = window.location.search.substr(1).match(reg);
- if (r!=null) return unescape(r[2]); return null;
- }
- var id = $.getUrlParam(‘id‘);//截取链接中的id的值
回顾js基础知识
- document.style.color = "#cccccc";
- document.innerHTML = "hello world";
- function myFunction(a, b) {
- return a * b;
- }
- document.getElementById("demo").innerHTML = myFunction(4, 3); //12
JavaScript知识点小记
sid put ask 之一 del notes demo 注册 iscs
原文:http://www.cnblogs.com/Grace-zyy/p/6972813.html
来源: http://www.bubuko.com/infodetail-2377475.html