后来清晨就只能那样了么-jQuery

$(Id).focusColor(color)

中间linkimage参数为含有图表的<a>元素名称,options为插件方法的布署对象。

—-自定义对象级插件——lifocuscolor插件

<body>
<div id=”divtest”>
<div class=”title”>
<span class=”fl”>对象级别的插件</span>
</div>
<div class=”content”>
<ul id=”u1″>
<li><span>橘子</span><span>水果</span></li>
<li><span>芹菜</span><span>蔬菜</span></li>
<li><span>香蕉</span><span>水果</span></li>
</ul>
</div>
</div>

该插件能够用圆角的艺术体现精选中的图片,使用按钮查看上下张图纸,在加载图片时自带进程条,还是能以自动播放的形式浏览图片,调用格式如下:

通过调用自定义插件twoaddresult中的不一致方法,能够兑现对多个数值实行相加和相减的运算,导入插件后,调用格式分别为:

<body>
<div id=”divtest”>
<div class=”title”>
<span class=”fl”>自定义类级别插件</span>
<span class=”fr”>
<input id=”btnCount” type=”button” value=”计算” />
</span>
</div>
<div class=”content”>
两数相减:

上述调用格式分别为总括两数值相加和相减的结果,p1和p2为随机数值。

缘何下午或然看不进杂谈,宁愿做这么些,也不愿认真看诗歌。感觉上照旧清晨看杂文感觉本身的多。但是目前有三十多篇要看哇。。。管球。。。

<body>
<div id=”divtest”>
<div class=”title”><span
class=”fl”>点击右键</span></div>
<div class=”content”>
<input id=”btnSubmit” type=”button” value=”提交” />
<div class=”tip”></div>
</div>
<div class=”contextMenu” id=”sysMenu”>
<ul>
<li id=”Li3″><img
src=”http://img.mukewang.com/52e4b34b0001bb6d00160016.jpg” alt=””
/>保存</li>
<li id=”Li4″><img
src=”http://img.mukewang.com/52e4b3680001424900160016.jpg” alt=””
/>退出</li>
</ul>
</div>
</div>

—–jQuery常用插件—–

—-右键菜单插件——contextmenu

<input id=”Text2″ type=”text” class=”txt” />

<input id=”Text3″ type=”text” class=”txt” />
</div>
</div>

<script type=”text/javascript”>
$(function () {
$(“#btnCount”).bind(“click”, function () {
$(“#Text3”).val(
$.subNum($(“#Text1”).val(),$(“#Text2”).val())
);
});
});
</script>
</body>

 2、MySQL&PHP

—–php内置MySQL函数(一)—–

—-连接数据库

mysql_connect

mysql_connect(‘localhost’,’root’,”);

也正是说那个函数有一个参数,数据库名或许ip地址,用户名,密码

留意,一般认为mysql_connect在后来的版本不再协理(php5.5将来版本就好像)改用mysqi_connect就足以了

<?php
if(mysqli_connect(‘localhost’,’root’,”)){
echo “连接成功”;

}else{
echo “shit”;
}

测试代码如上

连日来成功后,会回来mysql连接标识符(用处下边会波及);战败的话会回去false

数据库扩张

PHP中二个数据库或许有三个大概四个扩大,个中既有合法的,也有第1方提供的。像Mysql常用的壮大有原生的mysql库,也足以动用增强版的mysqli扩充,还足以选拔PDO举办一连与操作。

不等的扩充提供基本类似的操作方法,分裂的是恐怕全体一些新特点,以及操作质量恐怕会有所区别。

mysql扩大举办数据库连接的法子:

$link = mysql_connect('mysql_host', 'mysql_user', 'mysql_password');

mysqli扩展:

$link = mysqli_connect('mysql_host', 'mysql_user', 'mysql_password');

PDO扩展

$dsn = 'mysql:dbname=testdb;host=127.0.0.1';
$user = 'dbuser';
$password = 'dbpass';
$dbh = new PDO($dsn, $user, $password);

 —-关闭数据库连接

mysql_close

 mysql_close($con);关闭上一条的连天,那里的$con是mysql_connect()成功后归来的标识符

$con=mysqli_connect(‘localhost’,’root’,”,’info’);

—-接纳数据库

mysql_select_db()

<?php
$con=mysqli_connect(‘localhost’,’root’,”,’info’);
if($con){
echo “连接成功”;
}else{
echo “shit”;
}
//mysql_close($con);
if(mysqli_select_db($con, ‘info’)){
echo “成功”;
}else{
echo “shit”;
}

鉴于自家的php版本较高,mysql基本不认,所以自身都改用mysqli,不过基本用法都大约,正是参数要专注一下。一般的话,编写翻译软件(笔者用Zend)都以有提醒的,不用担心

—-执行SQL语句

mysqli_query()

mysqli_query($con, “INSERT test(name) VALUES(‘Tom’)”);

mysqli是讲求连接的,$con

—执行MySQL查询

在数据库建立连接今后就足以拓展查询,选取mysql_query加sql语句的款型向数据库发送查询指令。

$res = mysql_query('select * from user limit 1');

对此查询类的语句会再次回到3个能源句柄(resource),能够透过该财富获得查询结果集中的数目。

$row = mysql_fetch_array($res);
var_dump($row);

暗许的,PHP使用以来的数据库连接执行查询,但要是存在八个三番五次的处境,则能够通过参数指令从10分连接中开始展览询问。

$link1 = mysql_connect('127.0.0.1', 'code1', '');
$link2 = mysql_connect('127.0.0.1', 'code1', '', true); //开启一个新的连接
$res = mysql_query('select * from user limit 1', $link1); //从第一个连接中查询数据

<?php
//连接数据库
mysql_connect(‘127.0.0.1’, ‘code1’, ”);
mysql_select_db(‘code1’);
mysql_query(“set names ‘utf8′”);
//在此间展开数据查询
$res = mysql_query(“select * from user limit 1”);

$row = mysql_fetch_array($res);

var_dump($row);

—插入新数据到MySQL中

当我们通晓了怎么行使mysql_query实行数量查询未来,那么看似的,插入数据实际上也是经过推行2个sql语句来落到实处,例如:

$sql = "insert into user(name, age, class) values('李四', 18, '高三一班')";
mysql_query($sql); //执行插入语句

常见数据都是储存在变量或许数组中,因此sql语句必要先实行字符串拼接得到。

$name = '李四';
$age = 18;
$class = '高三一班';
$sql = "insert into user(name, age, class) values('$name', '$age', '$class')";
mysql_query($sql); //执行插入语句

在mysql中,执行插入语句以往,能够得到自增的主键id,通过PHP的mysql_insert_id函数能够收获该id。

$uid = mysql_insert_id();

那几个id的功能尤其大,日常能够用来判断是或不是插入成功,大概作为涉及ID举行其余的数量操作。

<?php
//连接数据库
mysql_connect(‘127.0.0.1’, ‘code1’, ”);
mysql_select_db(‘code1’);
mysql_query(“set names ‘utf8′”);
//已知的多寡变量有
$name = ‘李四’;
$age = 18;
$class = ‘高三一班’;
//在此处展开数量查询
$sql=”insert into user(name,age,class) value
(‘$name’,’$age’,’$class’)”;
mysql_query($sql);
$uid=mysql_insert_id();
print_r($uid);

 

 

 

要回去看中中原人民共和国队的竞赛了,后天持续

<script type=”text/javascript”>
$(function () {
$(“.content”).jqzoom({ //绑定图片放大插件jqzoom
zoomWidth: 123, //小图片所选区域的宽
zoomHeight: 123, //小图片所选区域的高
zoomType: ‘reverse’ //设置放大镜的门类
});
});
</script>
</body>

Selector参数为绑定插件的要素,meunId为神速菜单成分,options为布局对象。

<body>
<div id=”divtest”>
<div class=”title”>
<span class=”fl”>作者的相册</span>
</div>
<div class=”content”>
<div class=”divPics”>
<ul>
<li><a
href=”http://img.mukewang.com/52e489f20001ecfc04480275.jpg
title=”第2篇风景图片”>
<img src=”http://img.mukewang.com/52e489f20001ecfc04480275.jpg
alt=”” />
</a></li>
<li><a
href=”http://img.mukewang.com/52e48a1e0001eec804480275.jpg
title=”第①篇风景图片”>
<img src=”http://img.mukewang.com/52e48a1e0001eec804480275.jpg
alt=”” />
</a></li>
<li><a
href=”http://img.mukewang.com/52e48a4c00015ad204480275.jpg
title=”第壹篇风景图片”>
<img src=”http://img.mukewang.com/52e48a4c00015ad204480275.jpg
alt=”” />
</a></li>
</ul>
</div>
</div>
</div>

$(linkimage).jqzoom({options})

其间form参数表示表单成分名称;options是三个安排对象,用于在出殡和埋葬ajax请求进度,设置发送时的多寡和参数。

<script type=”text/javascript”>
$(function () {
var arrUserName = [“王五”, “刘明”, “李小四”, “刘促明”, “李渊”,
“张小三”, “王小明”];
$(“#txtSearch”).autocomplete(arrUserName,{
minChars: 0, //双击空白文本框时展现整个晋升数据
formatItem: function (data, i, total) {
return “<I>” + data[0] + “</I>”;
//改变匹配数据展现的格式
},
formatMatch: function (data, i, total) {
return data[0];
},
formatResult: function (data) {
return data[0];
}
}).result(SearchCallback);
function SearchCallback(event, data, formatted) {
$(“.tip”).show().html(“您的选用是:” + (!data ? “空” : formatted));
}
});
</script>
</body>

前几天睡得科学

<input id=”Text1″ type=”text” class=”txt” />

$(linkimage).lightBox({options})

<script type=”text/javascript”>
$(function () {
$(“.divPics”).lightBox({
overlayBgColor: “#666”, //图片浏览时的背景观
overlayOpacity: 0.5, //背景观的反射率
containerResizeSpeed: 600 //图片切换时的快慢
})
});
</script>
</body>

—-搜索插件——autocomplete

应用cookie插件后,能够很有利地通过cookie对象保存、读取、删除用户的音讯,还是能因而cookie插件保存用户的浏览记录,它的调用格式为:

保存:$.cookie(key,value);读取:$.cookie(key),删除:$.cookie(key,null)

<body>
<form id=”frmV” method=”post” action=”#”>
<div id=”divtest”>
<div class=”title”>
<span class=”fl”>个人消息页</span>
<span class=”fr”>
<input id=”btnSubmit” type=”submit” value=”提交” />
</span>
</div>
<div class=”content”>
<span class=”fl”>用户名:</span><br />
<input id=”user” name=”user” type=”text” /><br />
<span class=”fl”>昵称:</span><br />
<input id=”nick” name=”nick” type=”text” />
<div class=”tip”></div>
</div>
</div>
</form>

在调用jqzoom图片放大镜插件时,须要准备一大学一年级小两吉瓦尼尔多·胡尔克样的图形,在页面中显得小图片,当鼠标在小图片中活动时,调用该插件的jqzoom()措施,显示与小图片相同的大图片区域,从而完成放大镜的功效,调用格式如下:

个中,参数Id表示<ul>成分的Id号,color代表<li>成分选中时的背景观。

—-cookie插件——cookie

里面,textbox参数为文本框成分名称,urlData为插件再次回到的切近字符串数据,可选用参数options为调用插件方法时的配置对象。

右键菜单插件能够绑定页面中的任意成分,绑定后,选中成分,点击右键,便因此该插件弹出贰个神速菜单,点击菜单各项名称执行相应操作,调用代码如下:

$(form). ajaxForm ({options})

里头linkimage参数为涵盖图表的<a>成分名称,options为插件方法的配备对象。

$(textbox).autocomplete(urlData,[options]);

  hi

$(selector).contextMenu(menuId,{options});

<script type=”text/javascript”>
$(function () {
if ($.cookie(“email”)) {
$(“#email”).val($.cookie(“email”));
}
$(“#btnSet”).bind(“click”, function () {
if ($(“#chksave”).is(“:checked”)) {
$.cookie(“email”,$(“#email”).val()), {
path: “/”, expires: 7
})
}
else {
$.cookie(“email”,null), {
path: “/”
})
}
});
});
</script>
</body>

—-图片放大镜插件——jqzoom

—-自定义类级别插件—— twoaddresult

检索插件的功用是通过插件的autocomplete()方法与公事框相绑定,当文本框输入字符时,绑定后的插件将再次回到与字符相近的字符串提示选用,调用格式如下:

<body>
<div id=”divtest”>
<div class=”title”>
<span class=”fl”>图片放大镜</span>
</div>
<div class=”content”>
<a href=”http://img.mukewang.com/52e4aec90001924d06800599.jpg
id=”jqzoom” title=”小兔子乖乖”>
<img src=”http://img.mukewang.com/52e4aee700012df702130212.jpg
alt=””/>
</a>
</div>
</div>

—-表单插件——form

<script type=”text/javascript”>
$(function () {
$(“.content”).focusColor(“#ccc”);//调用自定义的插件
})
</script>
</body>

<script type=”text/javascript”>
$(function () {
var options = {
url: “http://www.imooc.com/data/form\_f.php“,
target: “.tip”
}
$(“.content”).ajaxForm(options);
});
</script>
</body>

$.addNum(p1,p2)$.subNum(p1,p2)

<body>
<div id=”divtest”>
<div class=”title”>
<span class=”fl”>搜索插件</span>
</div>
<div class=”content”>
<span class=”fl”>用户名</span><br />
<input id=”txtSearch” name=”txtSearch” type=”text” />
<div class=”tip”>
</div>
</div>
</div>

<body>
<div id=”divtest”>
<div class=”title”>
<span class=”fl”>cookie插件</span>
<span class=”fr”>
<input id=”btnSet” type=”button” value=”设置” />
</span>
</div>
<div class=”content”>
<span class=”fl”>邮箱:</span><br />
<input id=”email” name=”email” type=”text” /><br />
<input id=”chksave” type=”checkbox” />是不是保存邮箱
</div>
</div>

自定义的lifocuscolor插件能够在<ul>成分中,鼠标在表项<li>成分移动时,自定义其获取关节时的背景象,即定义<li>成分选中时的背景色,调用格式为:

<script type=”text/javascript”>
$(function () {
$(“#btnSubmit”).contextMenu(‘sysMenu’,
{ bindings:
{
‘Li3’: function (Item) {
$(“.tip”).show().html(“您点击了“保存”项”);
},
‘Li4’: function (Item) {
$(“.tip”).show().html(“您点击了“退出”项”);
}
}
});
});
</script>
</body>

透过表单form插件,调用ajaxForm()方式,达成ajax格局向服务器交由表单数据,并透过措施中的options对象得到服务器再次回到数据,调用格式如下:

1、jQuery

—-图片灯箱插件——light博克斯

内部参数key为保存cookie对象的名称,value为名称对应的cookie值。

相关文章