js和$的秘密

 

-----------------------------------
var str = JSON.stringify(obj);-----将Json对象解析成字符串
jQuery serializeObject 序列化form表单Json对象
white-space: nowrap-----如何处理元素内的空白。文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
text-overflow:ellipsis;---------当文本溢出包含元素时，显示省略符号来代表被修剪的文本。

--------js---------
1、通过 id 找到 HTML 元素
2、通过标签名找到 HTML 元素
3、通过类名找到 HTML 元素
var x=document.getElementById("intro");
var y=document.getElementsByTagName("p");

改变 HTML 元素的内容 (innerHTML)
document.getElementById(id).innerHTML=new HTML

改变 HTML 属性
document.getElementById(id).attribute=new value
document.getElementById("image").src="landscape.jpg";

改变 HTML 样式
document.getElementById(id).style.property=new style
<script>
document.getElementById("p2").style.color="blue";
</script>
-----------------

------json与js关系
要实现从对象转换为 JSON 字符串，使用 JSON.stringify() 方法：
var json = JSON.stringify({a: 'Hello', b: 'World'}); //结果是 '{"a": "Hello", "b": "World"}'
要实现从 JSON 转换为对象，使用 JSON.parse() 方法：    
var obj = JSON.parse('{"a": "Hello", "b": "World"}'); //结果是 {a: 'Hello', b: 'World'}

-----传输数据-----
JSON作为数据包格式传输的时候具有更高的效率

------js页面间传值---
1.  通过cookie
2. 通过url传递参数的方式
3. 通过localStorage

----------jquery知识-----------
点击按钮隐藏
$("#id").click(function(){
  $("p").hide();
});

$.trim(correct)-----去掉字符串首尾空格
if($.trim(content) == '')
alert('空');

$(this).hasClass('setTab')----当前选中对象是否拥有setTab这个class元素

----正则----
reg.test(); -- 只能判断 判断字符串有没有符合的要求 返回值true/false
str.match(); -- 把所有元素匹配出来然后返回给你
正则表达式的第一种创建方式： var reg = /xxx/;
var reg = /abc/;  
        var str = "abcde";
        reg.test(str);  -- true
var reg = "/xxx/i"; i -- 对比时忽略大小写

正则表达式第二种创建方式：var reg = new RegExp("xxx" , "i/g/m");
  i -- 执行对大小写不敏感的匹配
  g -- 执行全局匹配(查找所有匹配而非找到第一个匹配后停止)
  m -- 执行多行匹配

附带Email校验：
javascript: /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/
java: ^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\\.[a-zA-Z0-9_-]{2,3}){1,2})$

------$("#test").text()
 text() - 设置或返回所选元素的文本内容
  html() - 设置或返回所选元素的内容（包括 HTML 标记）
  val() - 设置或返回表单字段的值
----------on--------------
jquery中用on来绑定事件，经常的写法有
$(document).on('click','.classname',function(){});
$('.classname').on('click',function(){});
$(document).on是把事件委托到了document上
$('#idname').on是把事件委托到了元素上面（绑定到idName上）

----
jQuery prepend() 方法在被选元素的开头插入内容。
jQuery after() 方法在被选元素之后插入内容。
jQuery before() 方法在被选元素之前插入内容。
jQuery append() 方法在被选元素的结尾插入内容。
-------
var txt1="<p>Text.</p>";              // 以 HTML 创建新元素
var txt2=$("<p></p>").text("Text.");  // 以 jQuery 创建新元素
var txt3=document.createElement("p"); // 通过 DOM 来创建文本
-------
addClass()添加单个
$("button").click(function(){
  $("h1,h2,p").addClass("blue");
  $("div").addClass("important");
});

您也可以在 addClass() 方法中规定多个类 ,用空格分开
$("button").click(function(){
  $("#div1").addClass("important blue");
});
-------
因为js本身是不能运行的，必须依托于html才能执行

-----------合并  json对象
Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型
var newSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参数。

-------
href="#" -----------链接是当前页面
elementFun : function(){｝ ---------------

document.getSelection().toString()-------

---------文本值----------
text()，html()方法只能够获取到textarea的初始化文本值。 val() 方法不仅可以获取textarea的初始化文本值，当文本值改变时，也能正常获取到。

----------
$.isEmptyObject(fail)----------  是空为真

-----------下拉框字符串转int-----------------
 var jsonStr = $.YSContent.queryCriteria(queryParam);
    queryParam=JSON.parse(jsonStr);
    var conditionParam=queryParam['conditionParam']
    if('file_type' in conditionParam){
        var type=conditionParam['file_type'];
        if(type == ""){
            delete conditionParam['file_type']
        }else{
            conditionParam['file_type']=parseInt(conditionParam['file_type']);
        }
    }
jsonStr=JSON.stringify(queryParam);
------------------------------------------------